js的作用域、作用域鏈

masturbator 發(fā)布于2019-08-22 16:47 / 737人閱讀

摘要：作用域所謂作用域，就是變量或者是函數(shù)能作用的范圍。常見的經(jīng)典例子解決辦法作用域鏈變量隨著作用長(zhǎng)輩函數(shù)一級(jí)一級(jí)往上搜索，直到找到為止，找不到就報(bào)錯(cuò)，這個(gè)過程就是作用域鏈起的作用。

作用域

所謂作用域，就是變量或者是函數(shù)能作用的范圍。

那么JavaScript里有什么作用域呢？

1、全局作用域

除了函數(shù)中定義的變量之外，都是全局作用域。

舉個(gè)栗子：

var a = 10;
function bar(){
    console.log(a);
}
bar();//10

以上的a就是全局變量，到處可以訪問a。
然鵝，

var a = 10;
function bar(){
    console.log(a);
    var a = 20;
}
bar();//undefined

什么鬼？undefined？
是的，你沒看錯(cuò)。因?yàn)橄人阉骱瘮?shù)的變量看是否存在a，存在，又由于a被預(yù)解析（變量提升），提升的a綁定了這里的a作用域，所以結(jié)果就是undefined。

2、局部作用域

函數(shù)里用var聲明的變量。

舉個(gè)栗子：

var a = 10;
function bar(){
   var a  = 20;
    console.log(a);
}
bar();//20

3、沒有塊級(jí)作用域（至ES5），ES6中有塊級(jí)作用域

ES6之前，除了函數(shù)之外的塊都不具備塊級(jí)作用域。

常見的經(jīng)典例子：

for(var i=0;i<4;i++){
    setTimeout(function(){
        console.log(i);
    },200);
}
//4 4 4 4

解決辦法：

for(var i=0;i<4;i++){
    (function(j){
            setTimeout(function(){
        console.log(j);
    },200);
    })(i)
}
//0 1 2 3

作用域鏈

變量隨著作用長(zhǎng)輩函數(shù)一級(jí)一級(jí)往上搜索，直到找到為止，找不到就報(bào)錯(cuò)，這個(gè)過程就是作用域鏈起的作用。

var num = 30;
function f1(){
    var num  = 20;
    function f2(){
        var num = 10;
        function f3(){
            var num = 5;
            console.log(num);
        }
        f3();
    }
   f2();
}
f1();

云服務(wù)器 GPU云服務(wù)器作用域鏈 javascript作用域鏈 python的作用域 js作用域和上下文

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/94664.html

相關(guān)文章

形象化模擬作用域鏈，深入理解js作用域、閉包

摘要：至此作用域鏈創(chuàng)建完畢。好了，通過深入理解作用域鏈，我們能跟好的理解的運(yùn)行機(jī)制和閉包的原理。前言理解javascript中的作用域和作用域鏈對(duì)我們理解js這們語言。這次想深入的聊下關(guān)于js執(zhí)行的內(nèi)部機(jī)制，主要討論下，作用域，作用域鏈，閉包的概念。為了更好的理解這些東西，我模擬了當(dāng)一個(gè)函數(shù)執(zhí)行時(shí)，js引擎做了哪些事情--那些我們看不見的動(dòng)作。關(guān)鍵詞：執(zhí)行環(huán)境作用域作用域鏈變...

txgcwm 2019-08-21 17:48 評(píng)論0 收藏0
深入學(xué)習(xí)js之——作用域鏈

摘要：開篇作用域是每種計(jì)算機(jī)語言最重要的基礎(chǔ)之一，因此要想深入的學(xué)習(xí)作用域和作用域鏈就是個(gè)繞不開的話題。這樣由多個(gè)執(zhí)行上下文的變量對(duì)象構(gòu)成的鏈表就叫做作用域鏈。這時(shí)候執(zhí)行上下文的作用域鏈，我們命名為至此，作用域鏈創(chuàng)建完畢。開篇作用域是每種計(jì)算機(jī)語言最重要的基礎(chǔ)之一，因此要想深入的學(xué)習(xí)JavaScript,作用域和作用域鏈就是個(gè)繞不開的話題。在《深入學(xué)習(xí)js之—-執(zhí)行上下文?！分形覀兲岬?..

lemanli 2019-08-23 15:26 評(píng)論0 收藏0
[學(xué)習(xí)筆記] JavaScript 作用域鏈

摘要：全局執(zhí)行環(huán)境的變量對(duì)象始終是作用域鏈中的最后一個(gè)變量對(duì)象。綜上，每個(gè)函數(shù)對(duì)應(yīng)一個(gè)執(zhí)行環(huán)境，每個(gè)執(zhí)行環(huán)境對(duì)應(yīng)一個(gè)變量對(duì)象，而多個(gè)變量對(duì)象構(gòu)成了作用域鏈，如果當(dāng)前執(zhí)行環(huán)境是函數(shù)，那么其活動(dòng)對(duì)象在作用域鏈的前端。 1.幾個(gè)概念先說幾個(gè)概念：函數(shù)、執(zhí)行環(huán)境、變量對(duì)象、作用域鏈、活動(dòng)對(duì)象。這幾個(gè)東東之間有什么關(guān)系呢，往下看~ 函數(shù) 函數(shù)大家都知道，我想說的是，js中，在函數(shù)內(nèi)部有兩個(gè)特殊...

?xiaoxiao, 2019-08-22 10:57 評(píng)論0 收藏0
JS 執(zhí)行上下文棧 / 作用域鏈

摘要：每一個(gè)執(zhí)行上下文可以訪問的對(duì)象包括自身的作用域和父執(zhí)行上下文的作用域和父父執(zhí)行上下文作用域直到全局作用域，這就產(chǎn)生了作用域鏈。語句結(jié)束后，作用域鏈恢復(fù)正常。 0、自己理解代碼執(zhí)行或函數(shù)調(diào)用生成執(zhí)行上下文(只有當(dāng)前執(zhí)行上下文有執(zhí)行權(quán))，該執(zhí)行上下文內(nèi)只能訪問當(dāng)前執(zhí)行上下文的變量、函數(shù)和上一級(jí)執(zhí)行上下文中的變量、函數(shù)，激活下一個(gè)執(zhí)行上下文的時(shí)候執(zhí)行權(quán)轉(zhuǎn)移到新的執(zhí)行上下文，形成執(zhí)行上下文棧...

yunhao 2019-08-22 11:14 評(píng)論0 收藏0
還是不明白JavaScript - 執(zhí)行環(huán)境、作用域、作用域鏈、閉包嗎？

摘要：所以，全局執(zhí)行環(huán)境的變量對(duì)象始終都是作用域鏈中的最后一個(gè)對(duì)象。講到這里，可能你已經(jīng)對(duì)執(zhí)行環(huán)境執(zhí)行環(huán)境對(duì)象變量對(duì)象作用域作用域鏈的理解已經(jīng)他們之間的關(guān)系有了一個(gè)較清晰的認(rèn)識(shí)。 JavaScript中的執(zhí)行環(huán)境、作用域、作用域鏈、閉包一直是一個(gè)非常有意思的話題，很多博主和大神都分享過相關(guān)的文章。這些知識(shí)點(diǎn)不僅比較抽象，不易理解，更重要的是與這些知識(shí)點(diǎn)相關(guān)的問題在面試中高頻出現(xiàn)。之前我也看過...

jlanglang 2019-08-23 16:32 評(píng)論0 收藏0
JavaScript 作用域學(xué)習(xí)筆記

摘要：每一個(gè)運(yùn)行期上下文都和一個(gè)作用域鏈關(guān)聯(lián)。這個(gè)對(duì)象將被推入作用域鏈的頭部，這意味著函數(shù)的所有局部變量現(xiàn)在處于第二個(gè)作用域鏈對(duì)象中，因此訪問代價(jià)更高了。在代碼塊內(nèi)部，函數(shù)的所有局部變量將會(huì)被放在第二個(gè)作用域鏈對(duì)象中。參考： Javascript作用域原理理解 JavaScript 作用域和作用域鏈 JavaScript 作用域作用域就是變量與函數(shù)的可訪問范圍，即作用域控制著變量與函數(shù)...

趙連江 2019-08-19 17:49 評(píng)論0 收藏0