淺談javascript中的作用域
更新時間:2012年04月07日 10:51:32 作者:
首先說明一下:Js中的作用域不同于其他語言的作用域,要特別注意
JS中作用域的概念:
表示變量或函數(shù)起作用的區(qū)域,指代了它們在什么樣的上下文中執(zhí)行,亦即上下文執(zhí)行環(huán)境。Javascript的作用域只有兩種:全局作用域和本地作用域,本地作用域是按照函數(shù)來區(qū)分的。
首先來看幾道題目:
1.
if(true){
var aa= "bb";
}
console.log(aa); //bb
for(var i = 0; i < 100; i++){
//do
}
console.log(i); //100
2.
var bb = '11111';
function aa() {
alert(bb);//undefine
var bb = 'test';
alert(bb);//test
var cc = "test1";
alert(age);//語法錯誤
}
aa();
3.
var test = '1111111';
function aa() {
alert(test);
}
function bb() {
var test = '22222222';
aa();
}
bb();//alert(1111111);
4.
alert(typeof aa); //function
alert(typeof bb); //undefined function aa() { //函數(shù)定義式
alert('I am 111111111');
};
var bb = function() { //函數(shù)表達式
}
alert(typeof bb);//function
5.
function aa(){
var bb = "test";
cc = "測試";
alert(bb);
}
aa();
alert(cc);//測試
alert(bb);//語法報錯
上面這5道題目全部概括了js中作用域的問題
可以總結(jié)出這么幾個觀點
一、無塊級作用域
從第一題中可以看出來,在{}中執(zhí)行后,變量并沒有被銷毀,還是保存在內(nèi)存中的,因此我們可以訪問到的。
二、JavaScript中的函數(shù)運行在它們被定義的作用域里,而不是它們被執(zhí)行的作用域里.
這里提到函數(shù)的作用域鏈這個概念,在ECMA262中,是這樣的
任何執(zhí)行上下文時刻的作用域, 都是由作用域鏈(scope chain)來實現(xiàn).
在一個函數(shù)被定義的時候, 會將它定義時候的scope chain鏈接到這個函數(shù)對象的[[scope]]屬性.
在一個函數(shù)對象被調(diào)用的時候,會創(chuàng)建一個活動對象(也就是一個對象), 然后對于每一個函數(shù)的形參,都命名為該活動對象的命名屬性, 然后將這個活動對象做為此時的作用域鏈(scope chain)最前端, 并將這個函數(shù)對象的[[scope]]加入到scope chain中.
所以題目3 結(jié)果是alert(1111111);
三、JS會提前處理function定義式 和var關(guān)鍵字
如題目4 開始alert(bb); //undefine ,alert(age)//語法報錯,這兩個有什么區(qū)別呢,原因就是后面有var bb =“test”,在初始化的時候提前處理了var 這個關(guān)鍵字,只是這個開始未賦值
將代碼修改成這樣的,可以看出來
var dd = '11111';
function aa() {
alert(bb);//undefine
var bb = 'test';
alert(bb);//test
var cc = "test1";
alert(age);//語法錯誤
}
aa();
alert(dd);//11111
alert(cc);//語法報錯
此處alert(bb)沒有報語法錯誤,alert(age)報語法錯誤。
但是請注意:
<script>
alert(typeof aa); //結(jié)果:undefined
</script>
<script>
function aa() {
alert('yupeng');
}
</script>
這說明js預(yù)編譯是以段為單元的。題目4同理
四、函數(shù)級作用域
函數(shù)里面的定義的變量,在函數(shù)執(zhí)行完后就銷毀了,不占有內(nèi)存區(qū)域了。
所以題目2最后的alert(cc);語法報錯,題目5最后到 alert(bb)同理
表示變量或函數(shù)起作用的區(qū)域,指代了它們在什么樣的上下文中執(zhí)行,亦即上下文執(zhí)行環(huán)境。Javascript的作用域只有兩種:全局作用域和本地作用域,本地作用域是按照函數(shù)來區(qū)分的。
首先來看幾道題目:
1.
復制代碼 代碼如下:
if(true){
var aa= "bb";
}
console.log(aa); //bb
for(var i = 0; i < 100; i++){
//do
}
console.log(i); //100
2.
復制代碼 代碼如下:
var bb = '11111';
function aa() {
alert(bb);//undefine
var bb = 'test';
alert(bb);//test
var cc = "test1";
alert(age);//語法錯誤
}
aa();
3.
復制代碼 代碼如下:
var test = '1111111';
function aa() {
alert(test);
}
function bb() {
var test = '22222222';
aa();
}
bb();//alert(1111111);
4.
復制代碼 代碼如下:
alert(typeof aa); //function
alert(typeof bb); //undefined function aa() { //函數(shù)定義式
alert('I am 111111111');
};
var bb = function() { //函數(shù)表達式
}
alert(typeof bb);//function
5.
復制代碼 代碼如下:
function aa(){
var bb = "test";
cc = "測試";
alert(bb);
}
aa();
alert(cc);//測試
alert(bb);//語法報錯
上面這5道題目全部概括了js中作用域的問題
可以總結(jié)出這么幾個觀點
一、無塊級作用域
從第一題中可以看出來,在{}中執(zhí)行后,變量并沒有被銷毀,還是保存在內(nèi)存中的,因此我們可以訪問到的。
二、JavaScript中的函數(shù)運行在它們被定義的作用域里,而不是它們被執(zhí)行的作用域里.
這里提到函數(shù)的作用域鏈這個概念,在ECMA262中,是這樣的
任何執(zhí)行上下文時刻的作用域, 都是由作用域鏈(scope chain)來實現(xiàn).
在一個函數(shù)被定義的時候, 會將它定義時候的scope chain鏈接到這個函數(shù)對象的[[scope]]屬性.
在一個函數(shù)對象被調(diào)用的時候,會創(chuàng)建一個活動對象(也就是一個對象), 然后對于每一個函數(shù)的形參,都命名為該活動對象的命名屬性, 然后將這個活動對象做為此時的作用域鏈(scope chain)最前端, 并將這個函數(shù)對象的[[scope]]加入到scope chain中.
所以題目3 結(jié)果是alert(1111111);
三、JS會提前處理function定義式 和var關(guān)鍵字
如題目4 開始alert(bb); //undefine ,alert(age)//語法報錯,這兩個有什么區(qū)別呢,原因就是后面有var bb =“test”,在初始化的時候提前處理了var 這個關(guān)鍵字,只是這個開始未賦值
將代碼修改成這樣的,可以看出來
復制代碼 代碼如下:
var dd = '11111';
function aa() {
alert(bb);//undefine
var bb = 'test';
alert(bb);//test
var cc = "test1";
alert(age);//語法錯誤
}
aa();
alert(dd);//11111
alert(cc);//語法報錯
此處alert(bb)沒有報語法錯誤,alert(age)報語法錯誤。
但是請注意:
復制代碼 代碼如下:
<script>
alert(typeof aa); //結(jié)果:undefined
</script>
<script>
function aa() {
alert('yupeng');
}
</script>
這說明js預(yù)編譯是以段為單元的。題目4同理
四、函數(shù)級作用域
函數(shù)里面的定義的變量,在函數(shù)執(zhí)行完后就銷毀了,不占有內(nèi)存區(qū)域了。
所以題目2最后的alert(cc);語法報錯,題目5最后到 alert(bb)同理
您可能感興趣的文章:
- JScript中的''var''定義變量的作用域
- 關(guān)于javascript 回調(diào)函數(shù)中變量作用域的討論
- 理解JavaScript變量作用域更輕松
- JavaScript的變量作用域深入理解
- 有關(guān)js的變量作用域和this指針的討論
- javascript中的作用域scope介紹
- js使用函數(shù)綁定技術(shù)改變事件處理程序的作用域
- js變量以及其作用域詳解
- 深入理解JavaScript系列(14) 作用域鏈介紹(Scope Chain)
- JavaScript中的作用域鏈和閉包
- 關(guān)于JS管理作用域的問題
- 淺談angularJS 作用域
- JavaScript修改作用域外變量的方法
相關(guān)文章
JavaScript?異步函數(shù)?Promisification?處理詳情
這篇文章主要介紹了JavaScript異步函數(shù)Promisification處理詳情,文章圍繞主題展開詳細的內(nèi)容介紹,具有一定的參考價值,需要的小伙伴可以參考一下2022-08-08javascript結(jié)合CSS實現(xiàn)蘋果開關(guān)按鈕特效
這篇文章主要介紹了javascript結(jié)合CSS實現(xiàn)蘋果開關(guān)按鈕特效的方法以及全部代碼,效果非常不錯,兼容性也很好,有需要的小伙伴自己參考下2015-04-04JavaScript代碼實現(xiàn)圖片循環(huán)滾動效果
這篇文章主要介紹了JavaScript代碼實現(xiàn)圖片循環(huán)滾動效果的相關(guān)資料,非常不錯,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2016-06-06js實現(xiàn)的四級左側(cè)網(wǎng)站分類菜單實例
這篇文章主要介紹了js實現(xiàn)的四級左側(cè)網(wǎng)站分類菜單,實例分析了javascript操作頁面元素實現(xiàn)tab切換的相關(guān)技巧,需要的朋友可以參考下2015-05-05JavaScript實現(xiàn)合并(歸并)排序算法示例解析
這篇文章主要為大家介紹了JavaScript實現(xiàn)合并(歸并)排序算法示例解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08javascript字符串與數(shù)組轉(zhuǎn)換匯總
本文給大家分享的是Js中字符串轉(zhuǎn)換成數(shù)組,數(shù)組轉(zhuǎn)換成字符串的函數(shù),十分的簡單實用,有需要的小伙伴可以參考下。2015-05-05