js复习

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 声明,它劫持一个块儿并且就在这个块儿中声明一个变量

闭包的实际使用无处不在,模块的使用就是闭包的一个实例。

你可能感兴趣的:(js复习)