成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

Javascript重溫OOP之作用域與閉包

JessYanCoding / 1379人閱讀

摘要：的變量作用域是基于其特有的作用域鏈的。需要注意的是，用創(chuàng)建的函數(shù)，其作用域指向全局作用域。所以，有另一種說(shuō)法認(rèn)為閉包是由函數(shù)和與其相關(guān)的引用環(huán)境組合而成的實(shí)體。

作用域 定義 
在編程語(yǔ)言中，作用域控制著變量與參數(shù)的可見(jiàn)性及生命周期，它能減少名稱沖突，而且提供了自動(dòng)內(nèi)存管理  --javascript 語(yǔ)言精粹

我理解的是，一個(gè)變量、函數(shù)或者成員可以在代碼中訪問(wèn)到的范圍。

js的變量作用域是基于其特有的作用域鏈的。

全局變量都是window對(duì)象的屬性

沒(méi)有塊級(jí)作用域

函數(shù)中聲明的變量在整個(gè)函數(shù)中都有定義。

//全局作用域
var a = 10;

//沒(méi)有塊級(jí)作用域
if(fasle){
    var b =2;
}

//函數(shù)作用域
function f(){
    var a = 1;
    console.log(a);
}
作用域鏈 
作用域鏈?zhǔn)且粋€(gè)對(duì)象列表，上下文代碼中出現(xiàn)的標(biāo)識(shí)符在這個(gè)列表中進(jìn)行查找。

如果一個(gè)變量在函數(shù)自身的作用域（在自身的變量/活動(dòng)對(duì)象）中沒(méi)有找到，那么將會(huì)查找它父函數(shù)（外層函數(shù)）的變量對(duì)象，以此類推。

舉個(gè)栗子：

function f (){
    var x =100;
    function g(){
        console.log(x);
    }
    g();
}
f();

這里形成了一條作用域鏈，當(dāng)函數(shù)g訪問(wèn)不到變量時(shí)，它會(huì)通過(guò)內(nèi)部的[[scope]]對(duì)象查找作用域鏈上的執(zhí)行上下文，當(dāng)找到就終止，找不到會(huì)繼續(xù)，直到window對(duì)象上也沒(méi)有的時(shí)候，會(huì)報(bào)錯(cuò)。

需要注意的是，用new Function創(chuàng)建的函數(shù)，其作用域指向全局作用域。

function f(){
    var x = 100;
    // g.[[scope]] == window
    var g = new Function("", "alert(x)");

    g();
}
f();
//報(bào)錯(cuò) x is not defined
閉包 閉包的含義 
在計(jì)算機(jī)科學(xué)中，閉包（英語(yǔ)：Closure），又稱詞法閉包（Lexical Closure）或函數(shù)閉包（function closures），是引用了自由變量的函數(shù)。這個(gè)被引用的自由變量將和這個(gè)函數(shù)一同存在，即使已經(jīng)離開(kāi)了創(chuàng)造它的環(huán)境也不例外。所以，有另一種說(shuō)法認(rèn)為閉包是由函數(shù)和與其相關(guān)的引用環(huán)境組合而成的實(shí)體。--維基百科

我的理解就是，一個(gè)函數(shù)捕獲其父函數(shù)的自由變量，這就形成了閉包。

栗子：

function f1(){
    var a = 10;
    var b = 20;
    return function f2(){
        console.log(a);
    }
}
var result = f1();
result();
閉包的本質(zhì)

作用域鏈的存在

閉包的好處

減少全局變量

減少傳遞給函數(shù)的參數(shù)數(shù)量

封裝

使用閉包的注意點(diǎn)

對(duì)捕獲的變量只是個(gè)引用，不是復(fù)制

function f(){
    var num = 1;
    function g(){
        alert(num);
    }

    num++;
    g(); //2
}
f();

父函數(shù)每調(diào)用一次，會(huì)產(chǎn)生不同的閉包

function f(){
    var num = 1;
    return function(){
        num++;
        alert(num);
    }
}
var result1 =f();
result1();
result1();
var result2 =f();
result2();
result2();
//兩次都彈出一樣的數(shù)值

循環(huán)中出現(xiàn)的問(wèn)題

for (var i = 1; i <= 3; i++) {
    var ele = document.getElementById(i);
    ele.onclick = function(){
        alert(i);
    }
};
// i為4

解決方法：

for (var i = 1; i <= 3; i++) {
var ele = document.getElementById(i);
    ele.onclick = (function(id){
        return function(){
        alert(id);
    }})(i);
};
// 1，2，3

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/86450.html

相關(guān)文章

  • JavaScript深入淺出

    摘要：理解的函數(shù)基礎(chǔ)要搞好深入淺出原型使用原型模型，雖然這經(jīng)常被當(dāng)作缺點(diǎn)提及，但是只要善于運(yùn)用，其實(shí)基于原型的繼承模型比傳統(tǒng)的類繼承還要強(qiáng)大。中文指南基本操作指南二繼續(xù)熟悉的幾對(duì)方法，包括，，。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。 怎樣使用 this 因?yàn)楸救藢儆趥吻岸?，因此文中只看懂?8 成左右，希望能夠給大家?guī)?lái)幫助....（據(jù)說(shuō)是阿里的前端妹子寫的） this 的值到底...

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

  • Javascript重溫OOP之面向?qū)ο?/b>

    摘要：類的繼承建立繼承關(guān)系修改的指向調(diào)用父類方法調(diào)用父類的構(gòu)造器調(diào)用父類上的方法封裝命名空間是沒(méi)有命名空間的，因此可以用對(duì)象模擬。參考資料面向?qū)ο? 面向?qū)ο蟪绦蛟O(shè)計(jì)（Object-oriented programming，OOP）是一種程序設(shè)計(jì)范型，同時(shí)也是一種程序開(kāi)發(fā)的方法。對(duì)象指的是類的實(shí)例。它將對(duì)象作為程序的基本單元，將程序和數(shù)據(jù)封裝其中，以提高軟件的重用性、靈活性和擴(kuò)展性。——維基百...

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

  • 小菊花課堂之JavaScript作用域與閉包

    摘要：而閉包卻能阻止這件事情發(fā)生。由于的聲明位置使它擁有涵蓋內(nèi)部作用域的閉包，使得該作用域能夠一直存在，以供在之后進(jìn)行引用。到這里，小菊花課堂之閉包的內(nèi)容就告一段落啦，感謝各位能耐心看到這里。 由于前段時(shí)間項(xiàng)目沒(méi)有那么忙，然后我這人一天不看點(diǎn)啥就非常焦慮，于是二刷《你不知道的JavaScript》，現(xiàn)在讀到閉包，想著看完這一章節(jié)，寫點(diǎn)東西也是挺好的，所以有了下面的內(nèi)容，如有不對(duì)的地方，敬請(qǐng)斧...

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

  • Javascript重溫OOP之原型與原型鏈

    摘要：在構(gòu)造函數(shù)中的中定義的屬性和方法，會(huì)被創(chuàng)建的對(duì)象所繼承下來(lái)。從上面的輸出結(jié)果看出，指向了其構(gòu)造函數(shù)的，而本身也是一個(gè)對(duì)象，其內(nèi)部也有屬性，其指向的是直到最后指向，這條原型鏈才結(jié)束。和都指向，說(shuō)明原型鏈到終止。 prototype原型對(duì)象 每個(gè)函數(shù)都有一個(gè)默認(rèn)的prototype屬性，其實(shí)際上還是一個(gè)對(duì)象，如果被用在繼承中，姑且叫做原型對(duì)象。 在構(gòu)造函數(shù)中的prototype中定義的屬性...

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

  • Javascript重溫OOP之JS的解析與執(zhí)行過(guò)程

    摘要：了解面向?qū)ο缶幊讨?，首先要了解的?zhí)行順序。的解析過(guò)程分為兩個(gè)階段預(yù)處理階段與執(zhí)行期。在執(zhí)行階段的執(zhí)行上下文對(duì)象由賦值為指向?qū)?yīng)函數(shù) 了解js面向?qū)ο缶幊讨?，首先要了解js的執(zhí)行順序。js的解析過(guò)程分為兩個(gè)階段：預(yù)處理階段與執(zhí)行期。 預(yù)處理階段 在預(yù)處理階段，js會(huì)首先創(chuàng)建一個(gè)執(zhí)行上下文對(duì)象（Execute Context,然后掃描聲明式函數(shù)和用var定義的變量，將其加入執(zhí)行上下文環(huán)...

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

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

0條評(píng)論

閱讀需要支付1元查看
<