JS知识总结|【JavaScript复习十八】预解析 javascript|前端|开发语言|前端笔

欢迎来到JS复习专栏，本文章主要内容为预解析

两个规律

任何变量，如果未经声明就赋值，此变量是属于 window 的属性，而且不会做变量提升。（注意，无论在哪个作用域内赋值）
比如说，如果我们直接在代码里写console.log(a)，这肯定会报错的，提示找不到 a。但如果我直接写 a = 100，这就不会报错，此时，这个 a 就是 window.a。
一切声明的全局变量，全是window的属性。（注意，是在全局作用域内声明的全局变量，不是说局部变量）
比如说，当我们定义 var a = 200 时，这此时这个 a 就是window.a。

掌握了上面两句话之后，我们再来看看下面的例子。

function foo() { var a = b = 100; // 连续赋值 }foo(); console.log(window.b); // 在全局范围内访问 b console.log(b); // 在全局范围内访问 b，但是前面没有加 window 这个关键字console.log(window.a); // 在全局范围内访问 a console.log(a); // 在全局范围内访问 a，但是前面没有加 window 这个关键字

上方代码的打印结果：
100
100
undefined
【JS知识总结|【JavaScript复习十八】预解析】（会报错，提示Uncaught ReferenceError: a is not defined）
解释：
当执行了foo()函数之后， var a = b = 100这行连续赋值的代码等价于var a = (b = 100)，其执行顺序是：
（1）先把 100 赋值给 b；
（2）再声明变量 a；
（3）再把 b 的值赋值给 a。
我们可以看到，b 是未经声明的变量就被赋值了，此时，根据规律1，这个 b 是属于window.b；而 a 的作用域仅限于 foo() 函数内部，不属于 window。所以也就有了这样的打印结果。
预编译（1）创建AO对象。AO即 Activation Object活跃对象，其实就是「执行期上下文」。
（2）找形参和变量声明，将形参名和变量作为 AO 的属性名，值为undefined。
（3）将实参值和形参统一，实参的值赋给形参。
（4）查找函数声明，函数名作为 AO 对象的属性名，值为整个函数体。
这个地方比较难理解。但只有了解了函数的预编译，才能理解明白函数的执行顺序。