「注解」《你不知道的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

相关文章
|
JavaScript 前端开发
js的作用域作用域链
【10月更文挑战第29天】理解JavaScript的作用域和作用域链对于正确理解变量的访问和生命周期、避免变量命名冲突以及编写高质量的JavaScript代码都具有重要意义。在实际开发中,需要合理地利用作用域和作用域链来组织代码结构,提高代码的可读性和可维护性。
|
9月前
|
机器学习/深度学习 JavaScript 前端开发
JS进阶教程:递归函数原理与篇例解析
通过对这些代码示例的学习,我们已经了解了递归的原理以及递归在JS中的应用方法。递归虽然有着理论升华,但弄清它的核心思想并不难。举个随手可见的例子,火影鸣人做的影分身,你看到的都是同一个鸣人,但他们的行为却能在全局产生影响,这不就是递归吗?雾里看花,透过其间你或许已经深入了递归的魅力之中。
361 19
|
11月前
|
JavaScript
JS实现多条件搜索函数
JS封装的多条件搜索
|
JavaScript 前端开发
JavaWeb JavaScript ③ JS的流程控制和函数
通过本文的详细介绍,您可以深入理解JavaScript的流程控制和函数的使用,进而编写出高效、可维护的代码。
278 32
|
JavaScript 前端开发 Java
详解js柯里化原理及用法,探究柯里化在Redux Selector 的场景模拟、构建复杂的数据流管道、优化深度嵌套函数中的精妙应用
柯里化是一种强大的函数式编程技术,它通过将函数分解为单参数形式,实现了灵活性与可复用性的统一。无论是参数复用、延迟执行,还是函数组合,柯里化都为现代编程提供了极大的便利。 从 Redux 的选择器优化到复杂的数据流处理,再到深度嵌套的函数优化,柯里化在实际开发中展现出了非凡的价值。如果你希望编写更简洁、更优雅的代码,柯里化无疑是一个值得深入学习和实践的工具。从简单的实现到复杂的应用,希望这篇博客能为你揭开柯里化的奥秘,助力你的开发之旅! 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一
|
前端开发 JavaScript 数据处理
CSS 变量的作用域和 JavaScript 变量的作用域有什么不同?
【10月更文挑战第28天】CSS变量和JavaScript变量虽然都有各自的作用域概念,但由于它们所属的语言和应用场景不同,其作用域的定义、范围、覆盖规则以及与其他语言特性的交互方式等方面都存在明显的差异。理解这些差异有助于更好地在Web开发中分别运用它们来实现预期的页面效果和功能逻辑。
247 11
|
JavaScript 前端开发
javascript的作用域
【10月更文挑战第19天javascript的作用域
|
JavaScript 前端开发
如何在 JavaScript 中实现块级作用域?
【10月更文挑战第29天】通过使用 `let`、`const` 关键字、立即执行函数表达式以及模块模式等方法,可以在JavaScript中有效地实现块级作用域,更好地控制变量的生命周期和访问权限,提高代码的可维护性和可读性。
|
前端开发 JavaScript 开发者
除了 Generator 函数,还有哪些 JavaScript 异步编程解决方案?
【10月更文挑战第30天】开发者可以根据具体的项目情况选择合适的方式来处理异步操作,以实现高效、可读和易于维护的代码。
|
JavaScript 前端开发
JavaScript 作用域
JavaScript 作用域是指程序中可访问的变量、对象和函数的集合。它分为函数作用域和局部作用域。函数作用域内的变量仅在函数内部可见,而全局作用域的变量在整个网页中均可访问。局部变量在函数执行完毕后会被销毁,而全局变量则在整个脚本生命周期中都存在。未使用 `var` 关键字声明的变量默认为全局变量。

热门文章

最新文章