你不知道的Javascript(上卷)读书笔记之一 ---- 作用域

你不知道的Javascript(上卷)这本书在我看来是一本还不错的书籍,这本书用比较简洁的语言来描述Js的那些”坑”,在这里写一些博客记录一下笔记以便消化吸收。

1 编译原理

在此书中,开始便提出:Javascript是一门编译型语言,我一开始以为这是国内翻译的锅,翻译的不够准确,后来我还专门去github看了,作者确实是将Js描述为一门编译型语言(compiled language)。然而我认为作者更想表达的是Js也拥有和Java一般的特定的编译过程.而不是传统得认为只是单纯的进行”解释执行”。

编译型语言的定义是编译型语言的首先将源代码编译生成机器语言,再由机器运行机器语言,就如C/C++一般。

Java把源代码编译成为JVM可以执行的字节码,明显是不符合编译型语言的定义的,所以Java是一门解释型语言。而Javascript也拥有同Java类似的过程,但是这个过程很短。这它在代码执行前的几微秒内要完成程序的编译,然后马上执行。

Javascript的编译分为三个步骤:

a.分词/词法分析

b.解析/语法分析

c.代码生成

Javascript在编译阶段的语法分析和代码生成阶段使用了各种方法(JIT, 延迟编译, 重编译等)保证性能最佳。

2 理解作用域

书中所说的Javascript的解释和执行的过程,主要就几个角色参与:

引擎:负责编译的第一部分(分词/词法分析)和执行编译后生成的代码

编译器:负责编译的第二部分(语法分析)和编译的第三部分(代码生成)

作用域:负责收集所有声明的标识符,即变量,并且维护一套管理变量的规则
对于var a = 2;可以认为他的执行过程如下

a.引擎执行编译的第一步 分词/词法分析

b.引擎调用编译器,编译器进行编译的语法分析和代码生成

a) 编译器遇到var a,去当前的作用域集合中查找是否存在a这个变量

b) 如果存在,则忽略变量声明

c) 如果不存在,则在作用域中声明一个新的变量,命名为a

d) 生成引擎运行所需代码

c.引擎运行生成的代码

a) 去当前作用域中查找是否存在a变量,如果找不到这个变量,它会继续往上 (它的上一层作用域)寻找

b) 如果存在,会使用这个变量,并为这个变量赋值

c) 如果不存在,会抛出一个异常或者创建一个变量(*详细请看下文LHS和 RHS)

备注:引擎去作用域查找变量的方式有两种一种是LHS查询,另外一种是RHS查询。

a) LHS可以认为是代表取得变量的源地址(变量实际上就是计算机内存中一段连续 的地址,并且我们通过为变量命名来为这段内存地址命名),取得源地址用于为该变量赋值。

b) RHS代表查询得到变量的值,一般用于为其他变量赋值

直接说LHS和RHS肯定太抽象,也不好记,LHS 和 RHS 字面上区别在于 L 和 R,分别代表左(left)和右(right)

对于 a= b = 2 这行代码,代码首先为b赋值为2。然后呢?重点来了

1首先查询得到b的值

2把查询的得到的值赋给a

而这,恰好分别对应着RHS查询和LHS查询,首先对处于右边的b进行一次RHS(查询得到b的值),然后LHS查询找到a变量的源地址(为a赋值)。

函数的执行,比如foo(2),实际是对foo进行一次RHS,得到的值是函数类型的对象,然后去执行他时,还有一次(多个形参时就是多次)对形参的LHS

3 作用域嵌套

当一个块或函数嵌套在另外一个块或函数中时,就发生了作用域的嵌套,因此,如果我们在一个块中定义函数的话,函数执行过程中是可以调用到函数外层的变量的。

整个的函数作用域链就像一个金字塔,在书中作者把函数作用域链比喻为一个建筑。在作用域的最顶层是一个全局作用域,每一个作用域都可能包含数个子作用域,如此往下延伸,因此金字塔对函数作用域链会更贴切。

LHS和RHS都会先在当前作用域进行查找,如果没有找到结果,那么它们都会一直往上寻找,直至全局作用域。

4 异常

如果引擎在最顶层的全局作用域中也找不到,那么会有什么行为呢? 在这里的话,LHS和RHS会有不同的行为

a.对于LHS:如果在最顶层也找不到这个变量,如果在非严格模式下,那么会在全局 作用域创建一个全局变量,如果处于严格模式下,严格模式禁止自动或隐式创建全 局变量,此时会抛出ReferenceError异常

b.对于RHS:如果在最顶层也找不到这个变量,那么会抛出ReferenceError异常。如果对查询的变量进行不合理的操作,比如调用非函数对象,会抛出TypeError异常。

时间: 2024-10-07 16:55:28

你不知道的Javascript(上卷)读书笔记之一 ---- 作用域的相关文章

你不知道的javascript 上卷 读书笔记

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> </body> <script type="text/javascript"> { let j; for(j=0;j<10;j

《你不知道的JavaScript》读书笔记(二)词法作用域

JavaScript 采用的是 词法作用域 的工作模型. 定义 词法化:大部分标准语言编译器的第一个工作阶段叫词法化(单词化),这个过程会对源代码中的字符进行检查,如果是有状态的解析过程,还会赋予单词意义. 词法作用域:定义在 词法阶段 的作用域. 词法作用域由谁决定:由你在写代码时将 变量 和 块作用域 写在哪里来决定.因此大部分情况下,词法分析器处理代码时会保持作用于不变. [例] function foo(a){ var b = a * 2; function bar(c){ consol

《你不知道的JavaScript》读书笔记(一)作用域

名词 引擎:从头到尾负责整个 JavaScript 程序的 编译 及 执行 过程. 编译器:负责 语法分析 及 代码生成. 作用域:负责收集并维护由所有声明的标识符(变量)组成的一系列查询,并实施一套非常严格的规则,确定当前执行的代码对这些标识符的访问权限. LHS:赋值操作的左侧(理解为赋值操作的目标是谁,LHS 查询 试图找到变量的容器本身,并对其 赋值 ). RHS:赋值操作的右侧(理解为谁是赋值操作的源头,RHS 查询 就是 查找 某个变量的值). JavaScript 的编译 Java

《编写可维护的javascript》读书笔记(中)——编程实践

上篇读书笔记系列之:<编写可维护的javascript>读书笔记(上) 上篇说的是编程风格,记录的都是最重要的点,不讲废话,写的比较简洁,而本篇将加入一些实例,因为那样比较容易说明问题. 二.编程实践 1.UI松耦合 第一.将css从javascript中抽离(要改变dom样式数据,应该去操作dom的class名而非dom的style属性,后续要修改此样式只需到对应的css文件中修改而不用修改js文件): 第二.将javascript从HTML中抽离,比如下面的写法是不好的 <!-- 不

你不知道的javascript--上卷--读书笔记1

作用域是什么? 答:在<你不知道的javascript>书中提到,作用域就是根据名称查找变量的一套规则.古语有"无规矩不成方圆",但是没有方圆,规矩又给谁用?所以个人理解作用域就是"规矩"+"方圆".作用域是在创建的时候就确定的. 谁有作用域? 答:全局,函数. 为什么要有作用域? 答:前面已经说了,作用域是"规矩"+"方圆".作用域的最大用处就是隔离变量,不同作用域下同名变量不会有冲突.举个例

JavaScript设计模式:读书笔记(未完)

该篇随我读书的进度持续更新阅读书目:<JavaScript设计模式> 2016/3/30 2016/3/31 2016/3/30: 模式是一种可复用的解决方案,可用于解决软件设计中遇到的常见问题./将解决问题的方法制作成模板,并且这些模板可应用于多种不同的情况.有效模式的附加要求:适合性,实用性,适用性. 模式的优点: 防止局部问题引起大问题,模式让我们的代码更有组织性 模式通常是通用的解决方式,不管我们开发哪种应用程序,都可以用模式优化我们代码的结构 模式确实可以让我们避免代码复用,使代码更

《编写可维护的javascript》读书笔记(上)

最近在读<编写可维护的javascript>这本书,为了加深记忆,简单做个笔记,同时也让没有读过的同学有一个大概的了解. 一.编程风格 程序是写给人读的,所以一个团队的编程风格要保持一致. 1.缩进:一种是利用制表符缩进,一种是使用空格符缩进,各有利弊,任选一种,保持一致即可.个人比较喜欢制表符缩进. 2.语句结尾需要加上分号,避免没必要的BUG. 3.命名:首先要语义化,使用驼峰式命名法,小驼峰即首字母小写,之后每个单词首字母大写:大驼峰即首字母大写,之后同小驼峰:变量名前缀应该是名词(my

你不知道的javascript--上卷--读书笔记2

闭包是什么? 答:当函数可以记住并访问所在的词法作用域时,就产生了闭包,即使函数是在当前词法作用域之外执行.通俗地来说:函数可以嵌套在其他函数中定义,这样它们就可以访问它们被定义时所处的作用域中的任何变量,这就是JavaScript的闭包. 闭包有哪些应用? 答:函数作为返回值: function foo() { var a = 2; function bar() { //bar拥有涵盖foo作用域的闭包,并对它保持了引用 console.log( a ); } return bar; } va

你不知道的JavaScript-上卷の读书笔记

本书主要从两个部分来进行阐述:作用域与闭包.this与对象原型. 一  作用域与闭包 1—  作用域 对JavaScript而言,大部分情况下编译发生在代码执行前的几微妙的时间内.在我们所讨论的作用域背后,JavaScript引擎为保证性能最佳做出了努力,如JIT,可以延迟编译或重编译. 引擎=>从头到尾负责整个JavaScript程序的编译及执行过程 编译器=>负责语法分析及代码生成等 作用域=>负责收集并维护由所有声明的标识符组成的一系列查询,并实施一套严格的规则,确定当前执行的代码