国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

進(jìn)擊JavaScript之（二）詞法作用域與作用域鏈

denson / 1045人閱讀

摘要：一作用域域表示的就是范圍，即作用域，就是一個(gè)名字在什么地方可以使用，什么時(shí)候不能使用。概括的說作用域就是一套設(shè)計(jì)良好的規(guī)則來存儲(chǔ)變量，并且之后可以方便地找到這些變量。

一、作用域

域表示的就是范圍，即作用域，就是一個(gè)名字在什么地方可以使用，什么時(shí)候不能使用。想了解更多關(guān)于作用域的問題推薦閱讀《你不知道的JavaScript上卷》第一章（或第一部分），從編譯原理的角度說明什么是作用域。概括的說作用域就是一套設(shè)計(jì)良好的規(guī)則來存儲(chǔ)變量，并且之后可以方便地找到這些變量。

1.1 塊級(jí)作用域

在C、Java、C#等編程語言中，下面的語法報(bào)錯(cuò)（偽代碼）

{
    var num = 123;
    {
        console.log( num );    // num => 123
     }
}
console.log( num );   //報(bào)錯(cuò)
1.2 JS的詞法作用域

所謂的詞法（代碼）作用域，就是代碼在編寫過程中體現(xiàn)出來的作用范圍，代碼一旦寫好，不用執(zhí)行，作用范圍就已經(jīng)確定好了，這個(gè)就是所謂的詞法作用域。

在JS中詞法作用域的規(guī)則：

函數(shù)允許訪問函數(shù)外部的數(shù)據(jù)

整個(gè)代碼結(jié)構(gòu)中只有函數(shù)可以限定作用域

作用規(guī)則首先使用提升規(guī)則分析

如果當(dāng)前作用域中有了名字了，就不考慮外面的名字

例子1：

var num = 123;
function foo(){
    console.log( num );
}
foo();    //123

例子2：

if( false ){
    var num = 123;
}
console.log( num ); //undefined

例子3：

var  num = 123;
function foo () {
    var num = 456;
    function func(){
        console.log( num );
     }
     func();
}
foo();    //456
二、作用域鏈

只有函數(shù)才能制造作用域結(jié)構(gòu)，那么只要是代碼，至少有一個(gè)作用域，即全局作用域。

凡是代碼中有函數(shù)，那么這個(gè)函數(shù)就構(gòu)成另一個(gè)作用域。如果函數(shù)中還有函數(shù)，那么在這個(gè)作用域中就又可以誕生一個(gè)作用域，那么將這樣的所有作用域列出來，可以有一個(gè)結(jié)構(gòu)：函數(shù)內(nèi)指向函數(shù)外的鏈?zhǔn)浇Y(jié)構(gòu)

例如：

function f1() {
    function f2() {
    }
}
var num = 456;
function f3() {
    function f4() {
    }
}

作用域鏈結(jié)構(gòu)與DOM樹結(jié)構(gòu)很相似.

2.1 繪制作用域鏈

步驟：

看整個(gè)全局是一條鏈，即頂級(jí)鏈，記為0級(jí)鏈

看全局作用域中有什么成員聲明，就以方格的形式繪制到0級(jí)鏈上

再找函數(shù)，只有函數(shù)可以限制作用域，因此從函數(shù)中引出新鏈，標(biāo)記為1級(jí)鏈

然后在每一個(gè)1級(jí)鏈中再次往復(fù)剛才的行為

2.2 變量的訪問（搜索）規(guī)則

首先看變量在第幾條鏈上，在該鏈上看是否有變量的定義與賦值，如果有直接使用

如果沒有到上一級(jí)鏈上找（ n - 1 級(jí)鏈）,如果有直接使用，停止繼續(xù)查找。

如果還沒有在此往上找… 直到全局鏈（0級(jí)），還沒有就是is not defined

注意，切記：同級(jí)的鏈不可混合查找

繪制如下程序的作用域鏈

function f1() {
    var num = 123;
    function f2() {
        console.log( num ); 
     }
    f2();
}
var  num = 456;
f1();    //123

函數(shù)f1 和變量 num=456， 在0級(jí)鏈，而f1下又可以展開1級(jí)鏈，1級(jí)鏈上有num=123和函數(shù)f2。程序f1()調(diào)用進(jìn)入左邊1級(jí)鏈，而f1中又調(diào)用了f2函數(shù)，f2函數(shù)中console.log(num)可以看作在2級(jí)鏈，此時(shí)，程序會(huì)向這一條鏈向上查找，首先2級(jí)鏈沒有num，向上到達(dá)1級(jí)鏈，剛好1級(jí)鏈上有num=123，所以就直接使用123，程序最后的結(jié)果就是打印123.

2.3 如何分析代碼

在分析代碼的時(shí)候切記從代碼的運(yùn)行角度上來分析，如果代碼給變量賦值了，一定要標(biāo)記到圖中

如果代碼比較復(fù)雜，可以在圖中表示代碼的內(nèi)容，有時(shí)候還要將原型圖與作用域圖結(jié)合起來分析

分析如下代碼：

var num = 123;
function f1() {
    console.log( num );
}
function f2(){
    var num = 456;
    f1();
}
f2();    //123

作用域鏈圖：

首先把num=123，函數(shù)f1，函數(shù)f2畫在0級(jí)鏈上。f1中只有一句console，畫出一條1級(jí)鏈，f2也下畫出1級(jí)鏈，鏈上有num=456和函數(shù)調(diào)用語句f1();

調(diào)用f2()，進(jìn)入f2函數(shù)的作用域鏈，而在f2中又調(diào)用了f1函數(shù)，程序進(jìn)入f1的作用域鏈，所以console.log(num)會(huì)在此鏈上查找是否存在num，沒有，繼續(xù)向上一級(jí)鏈查找，剛好在0級(jí)鏈上找到了num=123，所以f1函數(shù)中的console.log(num)就是123.

推薦閱讀

進(jìn)擊JavaScript之（一）詞法作用域與作用域鏈

進(jìn)擊JavaScript之（三）玩轉(zhuǎn)閉包

進(jìn)擊JavaScript之（四）原型與原型鏈

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

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/80100.html

相關(guān)文章

  • 進(jìn)擊JavaScript之（三）玩轉(zhuǎn)閉包

    摘要：為了更好的理解，在閱讀此文之前建議先閱讀上一篇進(jìn)擊之詞法作用域與作用域鏈?zhǔn)裁词情]包閉包的含義就是閉合，包起來，簡單的來說，就是一個(gè)具有封閉功能與包裹功能的結(jié)構(gòu)。在中函數(shù)構(gòu)成閉包。 為了更好的理解，在閱讀此文之前建議先閱讀上一篇《進(jìn)擊JavaScript之詞法作用域與作用域鏈》 1.什么是閉包 閉包的含義就是閉合，包起來，簡單的來說，就是一個(gè)具有封閉功能與包裹功能的結(jié)構(gòu)。所謂的閉包就是...

    cyixlq 評(píng)論0 收藏0

  • 進(jìn)擊JavaScript之（四）原型與原型鏈

    摘要：每一個(gè)由構(gòu)造函數(shù)創(chuàng)建的對(duì)象都會(huì)默認(rèn)的連接到該神秘對(duì)象上。在構(gòu)造方法中也具有類似的功能，因此也稱其為類實(shí)例與對(duì)象實(shí)例一般是指某一個(gè)構(gòu)造函數(shù)創(chuàng)建出來的對(duì)象，我們稱為構(gòu)造函數(shù)的實(shí)例實(shí)例就是對(duì)象。表示該原型是與什么構(gòu)造函數(shù)聯(lián)系起來的。 本文您將看到以下內(nèi)容： 傳統(tǒng)構(gòu)造函數(shù)的問題 一些相關(guān)概念 認(rèn)識(shí)原型 構(gòu)造、原型、實(shí)例三角結(jié)構(gòu)圖 對(duì)象的原型鏈 函數(shù)的構(gòu)造函數(shù)Function 一句話說明什么...

    XBaron 評(píng)論0 收藏0

  • 進(jìn)擊JavaScript之（一）變量聲明提升

    摘要：如下代碼輸出的結(jié)果是代碼執(zhí)行分為兩個(gè)大步預(yù)解析的過程代碼的執(zhí)行過程預(yù)解析與變量聲明提升程序在執(zhí)行過程中，會(huì)先將代碼讀取到內(nèi)存中檢查，會(huì)將所有的聲明在此進(jìn)行標(biāo)記，所謂的標(biāo)記就是讓解析器知道有這個(gè)名字，后面在使用名字的時(shí)候不會(huì)出現(xiàn)未定義的錯(cuò)誤。 showImg(https://segmentfault.com/img/remote/1460000012922850); 如下代碼輸出的結(jié)果是...

    LeexMuller 評(píng)論0 收藏0

  • 你不知道的JavaScript上卷之作用域與閉包·讀書筆記

    摘要：的分句會(huì)創(chuàng)建一個(gè)塊作用域，其聲明的變量僅在中有效。而閉包的神奇作用是阻止此事發(fā)生。依然持有對(duì)該作用域的引用，而這個(gè)引用就叫做閉包。當(dāng)然，無論使用何種方式對(duì)函數(shù)類型的值進(jìn)行傳遞，當(dāng)函數(shù)在別處被調(diào)用時(shí)都可以觀察到閉包。 date: 16.12.8 Thursday 第一章 作用域是什么 LHS：賦值操作的目標(biāo)是誰？ 比如： a = 2; RHS：誰是賦值操作的源頭？ 比如： conso...

    Raaabbit 評(píng)論0 收藏0

  • Javascript重溫OOP之作用域與閉包

    摘要：的變量作用域是基于其特有的作用域鏈的。需要注意的是，用創(chuàng)建的函數(shù)，其作用域指向全局作用域。所以，有另一種說法認(rèn)為閉包是由函數(shù)和與其相關(guān)的引用環(huán)境組合而成的實(shí)體。 作用域 定義 在編程語言中，作用域控制著變量與參數(shù)的可見性及生命周期，它能減少名稱沖突，而且提供了自動(dòng)內(nèi)存管理 --javascript 語言精粹 我理解的是，一個(gè)變量、函數(shù)或者成員可以在代碼中訪問到的范圍。 js的變量作...

    JessYanCoding 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<