先說點廢話梳杏,本人感覺一些以前的知識開始淡忘们童,于是重新回味JavaScript高級程序設(shè)計這本打牢基礎(chǔ)的神書权谁,想起來也是一把辛酸一把淚拍鲤,當(dāng)年在網(wǎng)上搜js教程書贴谎,千挑萬選看中這本,然后開始了js的入坑之路殿漠,一鼓作氣花了一個月把它看完赴精,結(jié)果沒有找練手項目過一個星期就忘了個七七八八,后來又花了一星期重看一遍绞幌。蕾哟。。到現(xiàn)在是第三次花時間看這本書了莲蜘,仔細反省下來谭确,感覺除了自己學(xué)習(xí)上專攻理論不重實踐這個大毛病外也有這本書內(nèi)容非常豐富不能短時間掌握的原因,至今還是非常喜歡這本書票渠,一本好書才能讓人看了一遍還會想看第二遍逐哈,尤其是關(guān)于js對象,對象的構(gòu)造模式问顷,原型昂秃,原型鏈禀梳,繼承等js的核心知識點講述的非常詳細!一字一句循序漸進肠骆,油而不膩算途。(不過本書也有過分詳細讓人分不清重點看懂之后感覺廢話好多的小毛病 )重新看了一遍重要的知識點之后,理解是都理解了蚀腿,但是感覺還是要用自己的話再說一遍才能算真正的理解嘴瓤,不然又要重蹈覆轍啦好,正片開始:
1莉钙、什么是執(zhí)行環(huán)境
執(zhí)行環(huán)境廓脆,就是js中代碼的執(zhí)行環(huán)境,也是常說的上下文磁玉,在瀏覽器中window就是一個執(zhí)行環(huán)境停忿,而且還是最外層的全局執(zhí)行環(huán)境,每一個執(zhí)行環(huán)境都有一個變量對象來存儲在該環(huán)境下的變量和函數(shù)蜀涨,當(dāng)執(zhí)行環(huán)境中的所有代碼被執(zhí)行完之后瞎嬉,該環(huán)境被銷毀,而全局執(zhí)行環(huán)境window只有在瀏覽器關(guān)閉的時候才會被銷毀厚柳。每一個函數(shù)都有自己的執(zhí)行環(huán)境(局部執(zhí)行環(huán)境),當(dāng)執(zhí)行流進入一個函數(shù)時沐兵,函數(shù)的環(huán)境就會被推入一個環(huán)境棧中别垮,而在函數(shù)執(zhí)行之后,棧將其環(huán)境彈出扎谎,把控制權(quán)返回給函數(shù)的外部環(huán)境
2碳想、作用域鏈
當(dāng)代碼在一個環(huán)境中執(zhí)行時,會創(chuàng)建變量對象的一個作用域鏈毁靶。
作用域鏈的用途:保證當(dāng)前執(zhí)行環(huán)境有權(quán)訪問的變量和方法的有序訪問胧奔。這條作用域鏈的最前端始終是當(dāng)前執(zhí)行的代碼所在環(huán)境的變量對象,而下一個變量對象來自包含(外部)環(huán)境预吆,以此往外推龙填,直到作用域鏈尾端:全局執(zhí)行環(huán)境的變量對象,在瀏覽器里就是window拐叉。也就是說作用域鏈是一個個執(zhí)行環(huán)境的變量對象組成的岩遗,而且順序是由里到外。
標識符解析:沿著作用域鏈一級一級的搜索標識符的過程凤瘦。
舉個栗子:
window.onload=function(){
var a = 1;
var b = 2;
function func1(){
var a = 2; //
console.log(a); //程序檢測到這里的標識符a宿礁,開始沿著作用域鏈一級一級往上找,在作用域鏈頂端-當(dāng)前執(zhí)行環(huán)境里找到a蔬芥,于是輸出2
console.log(b); //程序檢測到這里的標識符b梆靖,開始沿著作用域鏈一級一級往上找控汉,在作用域鏈尾端-全局執(zhí)行環(huán)境里找到b,于是輸出2
console.log(c); //程序檢測到這里的標識符c返吻,開始沿著作用域鏈一級一級往上找姑子,在作用域鏈中沒有找到c,于是程序報錯c is not defined
function func2(){
var c = 3;
}
}
func1();
}
擴展:JS沒有塊級作用域
在其他類c語言里思喊,有花括號封閉的代碼塊都有自己的作用域壁酬,但是在js里是沒有的:
直接貼代碼:
if(true){
var a = 1;
}
console.log(a); //結(jié)果為1