「注解」《你不知道的JavaScript(上卷)》第三章:函数作用域和块作用域

简介: 「注解」《你不知道的JavaScript(上卷)》第三章:函数作用域和块作用域

函数中的作用域

image.png

隐藏内部实现

image.png

为什么不将所有的变量和函数都放在全局作用域中?

image.png

规避冲突

  • 隐藏作用域中的变量和函数可以避免同名标识符之间的冲突。

image.png

全局命名空间

  • 很多第三方库为了防止变量冲突,通常会为变量命名一个非常独特的名字。

image.png

模块管理

image.png


函数作用域

  • 立即执行函数是一种既不需要函数名同时能够自动执行的函数。

匿名和具名

  • 区分匿名函数表达式和函数声明:函数声明需要函数名,但是函数表达式则不需要。
  • 匿名函数表达式有以下几个缺点:
  1. 匿名函数在栈追踪中没有名字,会使得调试困难。
  2. 没有函数名,如果需要递归时,只能使用已经过期的arguments.callee引用。
  3. 匿名函数降低了代码的可读性。

立即执行函数表达式

  • 立即执行函数的英文缩写:IIFE
  • 立即执行函数传递参数

image.png

倒置代码的运行顺序:window才是真正的参数

image.png

块作用域

  • 分清定义在块级作用域内还是块级作用域之外

image.png

with关键字可以形成一个块作用域

try/catch

  • catch中的参数会形成一个块级作用域
  • 但是如果在catch内部进行var声明,依然是声明在全局作用域中

image.png

let关键字

  • let关键字会形成一个隐式的块级作用域,这个隐式是相对于下面的显式而言的。

image.png

垃圾收集

  • 通过块级作用域,可以让引擎清楚的知道没有必要保存已经用不到的变量了。

image.png

const关键字

  • const同样可以用来创建块级作用域,但是块级作用域的值是固定的,但是如果存放的是引用地址的话,地址不能变,但是地址指向的值是可以修改的。

image.png

小结

image.png

相关文章
|
1月前
|
JavaScript 前端开发
js的作用域作用域链
【10月更文挑战第29天】理解JavaScript的作用域和作用域链对于正确理解变量的访问和生命周期、避免变量命名冲突以及编写高质量的JavaScript代码都具有重要意义。在实际开发中,需要合理地利用作用域和作用域链来组织代码结构,提高代码的可读性和可维护性。
|
1月前
|
自然语言处理 JavaScript 前端开发
[JS]作用域的“生产者”——词法作用域
本文介绍了JavaScript中的作用域模型与作用域,包括词法作用域和动态作用域的区别,以及全局作用域、函数作用域和块级作用域的特点。通过具体示例详细解析了变量提升、块级作用域中的暂时性死区等问题,并探讨了如何在循环中使用`var`和`let`的不同效果。最后,介绍了两种可以“欺骗”词法作用域的方法:`eval(str)`和`with(obj)`。文章结合了多位博主的总结,帮助读者更快速、便捷地掌握这些知识点。
35 2
[JS]作用域的“生产者”——词法作用域
|
1月前
|
JavaScript 前端开发 Java
[JS]同事:这次就算了,下班回去赶紧补补内置函数,再犯肯定被主管骂
本文介绍了JavaScript中常用的函数和方法,包括通用函数、Global对象函数以及数组相关函数。详细列出了每个函数的参数、返回值及使用说明,并提供了示例代码。文章强调了函数的学习应结合源码和实践,适合JavaScript初学者和进阶开发者参考。
42 2
[JS]同事:这次就算了,下班回去赶紧补补内置函数,再犯肯定被主管骂
|
1月前
|
前端开发 JavaScript 数据处理
CSS 变量的作用域和 JavaScript 变量的作用域有什么不同?
【10月更文挑战第28天】CSS变量和JavaScript变量虽然都有各自的作用域概念,但由于它们所属的语言和应用场景不同,其作用域的定义、范围、覆盖规则以及与其他语言特性的交互方式等方面都存在明显的差异。理解这些差异有助于更好地在Web开发中分别运用它们来实现预期的页面效果和功能逻辑。
|
1月前
|
JavaScript 前端开发
如何在 JavaScript 中实现块级作用域?
【10月更文挑战第29天】通过使用 `let`、`const` 关键字、立即执行函数表达式以及模块模式等方法,可以在JavaScript中有效地实现块级作用域,更好地控制变量的生命周期和访问权限,提高代码的可维护性和可读性。
|
1月前
|
JavaScript 前端开发
javascript的作用域
【10月更文挑战第19天javascript的作用域
|
1月前
|
前端开发 JavaScript 开发者
除了 Generator 函数,还有哪些 JavaScript 异步编程解决方案?
【10月更文挑战第30天】开发者可以根据具体的项目情况选择合适的方式来处理异步操作,以实现高效、可读和易于维护的代码。
|
2月前
|
JavaScript 前端开发
JavaScript 作用域
JavaScript 作用域是指程序中可访问的变量、对象和函数的集合。它分为函数作用域和局部作用域。函数作用域内的变量仅在函数内部可见,而全局作用域的变量在整个网页中均可访问。局部变量在函数执行完毕后会被销毁,而全局变量则在整个脚本生命周期中都存在。未使用 `var` 关键字声明的变量默认为全局变量。
|
2月前
|
JavaScript 前端开发
JavaScript 函数语法
JavaScript 函数是使用 `function` 关键词定义的代码块,可在调用时执行特定任务。函数可以无参或带参,参数用于传递值并在函数内部使用。函数调用可在事件触发时进行,如用户点击按钮。JavaScript 对大小写敏感,函数名和关键词必须严格匹配。示例中展示了如何通过不同参数调用函数以生成不同的输出。
|
2月前
|
存储 JavaScript 前端开发
JS函数提升 变量提升
【10月更文挑战第6天】函数提升和变量提升是 JavaScript 语言的重要特性,但它们也可能带来一些困惑和潜在的问题。通过深入理解和掌握它们的原理和表现,开发者可以更好地编写和维护 JavaScript 代码,避免因不了解这些机制而导致的错误和不一致。同时,不断提高对执行上下文等相关概念的认识,将有助于提升对 JavaScript 语言的整体理解和运用能力。