有關js的變量作用域和this指針的討論
更新時間：2010年12月16日 22:30:24 作者：
在ECMAScript中，只有兩種執(zhí)行環(huán)境，全局環(huán)境和函數(shù)環(huán)境，每個函數(shù)都是一個執(zhí)行環(huán)境，包括嵌套函數(shù)。換句話說，其他情況下即使變量聲明在一對大括號中，在括號外部仍然可以訪問這些變量
一、變量作用域：[P71]
這一句話說的非常精辟：“在ECMAScript中，只有兩種執(zhí)行環(huán)境，全局環(huán)境和函數(shù)環(huán)境，每個函數(shù)都是一個執(zhí)行環(huán)境，包括嵌套函數(shù)。換句話說，其他情況下即使變量聲明在一對大括號中，在括號外部仍然可以訪問這些變量”。以下給出例子：
for(var i=0; i<5; i++) {
var num = 20; // 在for語句中聲明的變量
}
alert(num); // 在for語句外部調用變量，仍然可以得到num的值
對異常語句也同樣可以：
try {
var num = 20; // 在try語句中聲明的變量
a = b; // 引起一個異常
} catch(e) {
alert(num); // 在catch語句中調用變量，將得到20
} finally {
alert(num); // 在finally語句中調用變量，將得到20
}
alert(num); // 在try語句外部調用變量，將得到20
除了上面所演示的這兩種語句外，一對大括號也無法構成一個執(zhí)行環(huán)境，例如：
{ var num = 1;3 }
二、this指針：[P83]
在這里列出this在ECMAScript中的不同含義：
(1) 在全局執(zhí)行環(huán)境中使用this，表示Global對象，在瀏覽器中就是window對象。
(2) 當在函數(shù)執(zhí)行環(huán)境中使用this時，情況就有些復雜了。如果函數(shù)沒有明顯的作為非window對象的屬性，而只是定義了函數(shù)，不管這個函數(shù)是不是定義在另一個函數(shù)中，這個函數(shù)中的this仍然表示window對象。如果函數(shù)顯示地作為一個非window對象的屬性，那么函數(shù)中的this就代表這個對象。（當然可以使用apply或者call函數(shù)來取代默認this的引用，詳見[P88]）
(3) 當通過new運算符來調用函數(shù)時，函數(shù)被當做一個構造函數(shù)，this指向構造函數(shù)創(chuàng)建出來的對象。
參考：
《JavaScript基礎與案例開發(fā)詳解》清華大學出版社
這一句話說的非常精辟：“在ECMAScript中，只有兩種執(zhí)行環(huán)境，全局環(huán)境和函數(shù)環(huán)境，每個函數(shù)都是一個執(zhí)行環(huán)境，包括嵌套函數(shù)。換句話說，其他情況下即使變量聲明在一對大括號中，在括號外部仍然可以訪問這些變量”。以下給出例子：
復制代碼 代碼如下:
for(var i=0; i<5; i++) {
var num = 20; // 在for語句中聲明的變量
}
alert(num); // 在for語句外部調用變量，仍然可以得到num的值
對異常語句也同樣可以：
復制代碼 代碼如下:
try {
var num = 20; // 在try語句中聲明的變量
a = b; // 引起一個異常
} catch(e) {
alert(num); // 在catch語句中調用變量，將得到20
} finally {
alert(num); // 在finally語句中調用變量，將得到20
}
alert(num); // 在try語句外部調用變量，將得到20
除了上面所演示的這兩種語句外，一對大括號也無法構成一個執(zhí)行環(huán)境，例如：
復制代碼 代碼如下:
{ var num = 1;3 }
二、this指針：[P83]
在這里列出this在ECMAScript中的不同含義：
(1) 在全局執(zhí)行環(huán)境中使用this，表示Global對象，在瀏覽器中就是window對象。
(2) 當在函數(shù)執(zhí)行環(huán)境中使用this時，情況就有些復雜了。如果函數(shù)沒有明顯的作為非window對象的屬性，而只是定義了函數(shù)，不管這個函數(shù)是不是定義在另一個函數(shù)中，這個函數(shù)中的this仍然表示window對象。如果函數(shù)顯示地作為一個非window對象的屬性，那么函數(shù)中的this就代表這個對象。（當然可以使用apply或者call函數(shù)來取代默認this的引用，詳見[P88]）
(3) 當通過new運算符來調用函數(shù)時，函數(shù)被當做一個構造函數(shù)，this指向構造函數(shù)創(chuàng)建出來的對象。
參考：
《JavaScript基礎與案例開發(fā)詳解》清華大學出版社
相關文章
JavaScript中本地存儲(LocalStorage)和會話存儲(SessionStorage)的使用
本地存儲和會話存儲是比較常用的方法，你知道兩者的區(qū)別嗎，本文詳細的介紹了JavaScript中本地存儲(LocalStorage)和會話存儲(SessionStorage)的使用，具有一定的參考價值，感興趣的可以了解一下2022-03-03
JS addEventListener()和attachEvent()方法實現(xiàn)注冊事件
這篇文章主要介紹了JS addEventListener()和attachEvent()方法實現(xiàn)注冊事件，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-01-01
又一款js時鐘!這篇文章主要為大家詳細介紹了transform實現(xiàn)的時鐘效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08
這篇文章主要介紹了js中console在一行內打印字符串和對象的方法，本文給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-09-09
JavaScript本地儲存:localStorage、sessionStorage、cookie的使用
這篇文章主要介紹了JavaScript本地儲存:localStorage、sessionStorage、cookie的使用，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-10-10
本文介紹將Bootstrap的二級菜單由點擊顯示改為鼠標懸停顯示的具體實現(xiàn)方法，希望對大家有所幫助。2016-04-04
這篇文章主要介紹了JavaScript運行機制,結合實例形式分析JavaScript運行機制相關原理、使用方法及操作注意事項,需要的朋友可以參考下2020-04-04
本文給大家介紹js修改地址欄參數(shù)的實例代碼，并給大家附上用JS動態(tài)改變地址欄內容 window.location.href window.location.hash的方法，比較實用，需要的朋友參考下吧2016-06-06
這篇文章主要介紹了JavaScript作用域鏈,結合實例形式較為詳細的分析了作用域鏈的原理、功能與相關操作注意事項,需要的朋友可以參考下2019-01-01
將json當數(shù)據(jù)庫一樣操作的javascript lib
使用javascript操作JSON的類庫TAFFY DB，具體介紹了：查詢數(shù)據(jù)、添加數(shù)據(jù)、刪除數(shù)據(jù)、修改數(shù)據(jù)。2013-10-10