「注解」《你不知道的JavaScript(上卷)》第一章:作用域是什么

简介: 「注解」《你不知道的JavaScript(上卷)》第一章:作用域是什么

书名:《你不知道的JavaScript(上卷)》

作者:Kyle Simpson

译者:赵望野 , 梁杰


1.1 编译原理

在传统的编译语言的流程中,程序中的一段源代码在执行之前会经历以下三个步骤:

  1. 词法分析

image.png

语法分析

image.png

代码生成

image.png

1.2 理解作用域

理解引擎、编译器、作用域

image.png

编译器如何处理 var a = 2;

image.png

总结:引擎在执行赋值操作之前会询问作用域中是否含有a这个变量,有则赋值,无则抛出异常,对编译器来说,遇到var a则会先询问作用域中是否有a,是则继续,无则让作用域在当前作用域的集合中声明一个新的变量,并命名为a。

准确理解LHS查询和RHS查询

LHS指的是赋值操作的目标是谁

RHS指的是赋值操作的源头

image.png

1.3 作用域嵌套

作用域有向上查找的规则

image.png


1.4 异常

区分LHS查询和RHS查询是一件很重要的事情

  • RHS查询如果从下到上一直找到全局作用域都找不到的情况下,会抛出异常。
  • LHS查询如果从下到上一直找到全局作用域都找不到的情况下,全局作用域就会创建一个具有该名称的变量。(非严格模式下)

1.5 小结

作用域的概念

作用域是一套规则,用于确定在何处以及如何查找变量。

image.png

相关文章
|
1月前
|
JavaScript 前端开发
js的作用域作用域链
【10月更文挑战第29天】理解JavaScript的作用域和作用域链对于正确理解变量的访问和生命周期、避免变量命名冲突以及编写高质量的JavaScript代码都具有重要意义。在实际开发中,需要合理地利用作用域和作用域链来组织代码结构,提高代码的可读性和可维护性。
|
4月前
|
JavaScript 前端开发
浅谈js作用域
浅谈js作用域
36 0
|
1月前
|
自然语言处理 JavaScript 前端开发
[JS]作用域的“生产者”——词法作用域
本文介绍了JavaScript中的作用域模型与作用域,包括词法作用域和动态作用域的区别,以及全局作用域、函数作用域和块级作用域的特点。通过具体示例详细解析了变量提升、块级作用域中的暂时性死区等问题,并探讨了如何在循环中使用`var`和`let`的不同效果。最后,介绍了两种可以“欺骗”词法作用域的方法:`eval(str)`和`with(obj)`。文章结合了多位博主的总结,帮助读者更快速、便捷地掌握这些知识点。
35 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的作用域
|
2月前
|
JavaScript 前端开发
JavaScript 作用域
JavaScript 作用域是指程序中可访问的变量、对象和函数的集合。它分为函数作用域和局部作用域。函数作用域内的变量仅在函数内部可见,而全局作用域的变量在整个网页中均可访问。局部变量在函数执行完毕后会被销毁,而全局变量则在整个脚本生命周期中都存在。未使用 `var` 关键字声明的变量默认为全局变量。
|
2月前
|
JavaScript 前端开发
js作用域
js作用域
18 1
|
3月前
|
JavaScript 前端开发
js 变量作用域与解构赋值| 22
js 变量作用域与解构赋值| 22
|
3月前
|
JavaScript 前端开发
JavaScript基础知识-作用域(action scope)
关于JavaScript基础知识中作用域的介绍。
44 1
JavaScript基础知识-作用域(action scope)