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

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

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,258评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,335评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,225评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,126评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,140评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,098评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,018评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,857评论 0 273
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,298评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,518评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,678评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,400评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,993评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,638评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,801评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,661评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,558评论 2 352

推荐阅读更多精彩内容