1. 作用域 词法分析，解析（抽象语法树），代码生成
摘自YDKJS
引擎：负责从始至终的编译和执行我们的 JavaScript 程序。
编译器：引擎 的朋友之一；处理所有的解析和代码生成的重活儿（见前一节）。
作用域：引擎 的另一个朋友；收集并维护一张所有被声明的标识符（变量）的列表，并对当前执行中的代码如何访问这些变量强制实施一组严格的规则。
LHS 和 RHS 意味着“赋值的左/右手边”未必像字面上那样意味着“ = 赋值操作符的左/右边”。赋值有几种其他的发生形式，所以最好在概念上将它考虑为：“赋值的目标（LHS）”和“赋值的源（RHS）”。
ReferenceError 是关于 作用域 解析失败的，而 TypeError 暗示着 作用域 解析成功了，但是试图对这个结果进行了一个非法/不可能的动作。
欺骗词法作用域的行为：Eval(), With(),不要使用。
如果 eval(..) 函数接收一个含有一个或多个声明的代码字符串，它就会修改现存的词法作用域，而 with 语句实际上是从你传递给它的对象中凭空制造了一个 全新的词法作用域。
functionfoo(obj) {
with(obj) {a=2;}}
varo1={a:3};
varo2={b:3};
foo( o1 );
console.log(o1.a);//2
foo( o2 );
console.log(o2.a);//undefined
console.log( a );//2 -- 哦，全局作用域被泄漏了！
IIFE，它表示“立即被调用的函数表达式”（Immediately Invoked Function Expression）
块作用域：for循环并没有块作用域，with, try catch有块作用域
let 关键字将变量声明附着在它所在的任何块儿（通常是一个 { .. }）的作用域中。换句话说，let 为它的变量声明隐含地劫持了任意块儿的作用域。
实践：
for (let i=0; i<10; i++) {
console.log( i );
}
console.log(i);// 1 2 3 4 5 6 7 8 9 10什么时候是reference error?
{
let j;
for(j=0; j<10; j++)
{
let i=j;//每次迭代都重新绑定
console.log( i );
}
}
for (var i=0; i<10; i++) {
console.log( i );
}
console.log(i);
很重要的一个规则：先声明再执行。
函数声明会被提升，但是函数表达式不会。
函数声明和变量声明都会被提升。但一个微妙的细节（可以 在拥有多个“重复的”声明的代码中出现）是，函数会首先被提升，然后才是变量。
虽然多个/重复的 var 声明实质上是被忽略的，但是后续的函数声明确实会覆盖前一个。
重点：闭包
闭包就是函数能够记住并访问它的词法作用域，即使当这个函数在它的词法作用域之外执行时。
无论我们使用什么方法将内部函数 传送 到它的词法作用域之外，它都将维护一个指向它最开始被声明时的作用域的引用，而且无论我们什么时候执行它，这个闭包就会被行使。
循环+闭包
for(var i=1; i<=5; i++)
{
setTimeout(
function timer()
{console.log( i );}, i*1000);
}// 6 6 6 6 6 超时的回调函数都将在循环的完成之后立即运行。
for(vari=1; i<=5; i++) {
(function() {
setTimeout(function timer()
{
console.log( i );
}, i*1000);
})();
}
for(vari=1; i<=5; i++) {
(function(){
var j=i;
setTimeout(function timer(){
console.log( j );
}, j*1000);
})();
}
for(var i=1; i<=5; i++) {
let j=i;//呀，给闭包的块儿作用域！
setTimeout(function timer(){console.log( j );}, j*1000);
}
for(let i=1; i<=5; i++) {
setTimeout(function timer(){console.log( i );}, i*1000);
}// let 声明，它劫持一个块儿并且就在这个块儿中声明一个变量
闭包的实际使用无处不在，模块的使用就是闭包的一个实例。
网友评论