作用域和閉包《你不知道的JavaScript-上》讀書筆記1

前言

5月份的時(shí)候立了一個(gè)flag蝌戒,然后就被打臉们颜。

作用域

傳統(tǒng)編譯語言(執(zhí)行前)

  • 分詞/語法分析
    • 分解成詞法單元
  • 解析/語法分析
    • 將詞法單元流 --> AST樹
  • 代碼生成
    • AST樹 --> 可執(zhí)行代碼

LHS和RHS

賦值:LHS
取值和其他:RHS

作用域分類

動(dòng)態(tài)作用域

作用域作為運(yùn)行時(shí)被動(dòng)態(tài)確定的形式


function foo(){
    console.log(a); //3
}

function bar(){
    var a = 3;
    foo();
}

var a = 2;

bar();

詞法作用域


function foo(){
    console.log(a); //2
}

function bar(){
    var a = 3;
    foo();
}

var a = 2;

bar();

欺騙詞法作用域

這樣的寫法均會(huì)導(dǎo)致瀏覽器內(nèi)核對(duì)javascript編譯時(shí)很多優(yōu)化失效。從而降低性能拼缝。

eval(),new Function()

將對(duì)象的屬性當(dāng)做作用域的標(biāo)識(shí)符礁遣,從而創(chuàng)建一個(gè)新的詞法作用域。
老實(shí)講壤玫,我也不太理解上面一句話是什么意思豁护。

在嚴(yán)格模式下哼凯,eval無法修改當(dāng)前詞法作用域。

with

將一個(gè)對(duì)象的引用當(dāng)做作用域來處理楚里。

在嚴(yán)格模式下断部,with被禁用。

匿名函數(shù)表達(dá)式

缺點(diǎn)

  • 錯(cuò)誤棧難以追蹤
  • 無法引用自身
  • 省略了描述性的名稱

解決方法:行內(nèi)函數(shù)表達(dá)式


(function aaa(){

})()

解決全局undefined被賦值為true

var undefined = true;

(function(undefined){

//do something
})()

塊作用域

  • with
  • try/catch

小應(yīng)用

如果一段代碼后面是異步操作班缎,由于異步位于同一個(gè)作用域蝴光,用塊作用域有利于垃圾回收機(jī)制


//下面兩行可用塊作用域包裹她渴,以便回收
var something = {/*...*/};
dosomething(something);

btn.addEventListener("click",function(evt){
    console.log("111");
})

提升

函數(shù)提升會(huì)高于變量提升,然后重復(fù)的var聲明會(huì)被忽略
后面的函數(shù)提升會(huì)覆蓋前面的函數(shù)提升

閉包

當(dāng)函數(shù)可以記住并訪問所在的詞法作用域時(shí)蔑祟,就產(chǎn)生了閉包趁耗,即便該函數(shù)是在當(dāng)前詞法作用域外執(zhí)行。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末疆虚,一起剝皮案震驚了整個(gè)濱河市苛败,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌径簿,老刑警劉巖罢屈,帶你破解...
    沈念sama閱讀 212,029評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異篇亭,居然都是意外死亡缠捌,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,395評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門译蒂,熙熙樓的掌柜王于貴愁眉苦臉地迎上來曼月,“玉大人,你說我怎么就攤上這事蹂随∈伲” “怎么了?”我有些...
    開封第一講書人閱讀 157,570評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵岳锁,是天一觀的道長(zhǎng)绩衷。 經(jīng)常有香客問我,道長(zhǎng)激率,這世上最難降的妖魔是什么咳燕? 我笑而不...
    開封第一講書人閱讀 56,535評(píng)論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮乒躺,結(jié)果婚禮上招盲,老公的妹妹穿的比我還像新娘。我一直安慰自己嘉冒,他們只是感情好曹货,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,650評(píng)論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著讳推,像睡著了一般顶籽。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上银觅,一...
    開封第一講書人閱讀 49,850評(píng)論 1 290
  • 那天礼饱,我揣著相機(jī)與錄音,去河邊找鬼。 笑死镊绪,一個(gè)胖子當(dāng)著我的面吹牛匀伏,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播蝴韭,決...
    沈念sama閱讀 39,006評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼够颠,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了榄鉴?” 一聲冷哼從身側(cè)響起摧找,我...
    開封第一講書人閱讀 37,747評(píng)論 0 268
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎牢硅,沒想到半個(gè)月后蹬耘,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,207評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡减余,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,536評(píng)論 2 327
  • 正文 我和宋清朗相戀三年综苔,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片位岔。...
    茶點(diǎn)故事閱讀 38,683評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡如筛,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出抒抬,到底是詐尸還是另有隱情杨刨,我是刑警寧澤,帶...
    沈念sama閱讀 34,342評(píng)論 4 330
  • 正文 年R本政府宣布擦剑,位于F島的核電站妖胀,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏惠勒。R本人自食惡果不足惜赚抡,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,964評(píng)論 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望纠屋。 院中可真熱鬧涂臣,春花似錦、人聲如沸售担。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,772評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽族铆。三九已至岩四,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間骑素,已是汗流浹背炫乓。 一陣腳步聲響...
    開封第一講書人閱讀 32,004評(píng)論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留献丑,地道東北人末捣。 一個(gè)月前我還...
    沈念sama閱讀 46,401評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像创橄,于是被迫代替她去往敵國和親箩做。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,566評(píng)論 2 349

推薦閱讀更多精彩內(nèi)容