亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

js溫故而知新4——學(xué)習(xí)廖雪峰的js教程

genefy / 1637人閱讀

摘要：你可能認(rèn)為調(diào)用，和結(jié)果應(yīng)該是，，，但實際結(jié)果是全部都是原因就在于返回的函數(shù)引用了變量，但它并非立刻執(zhí)行。返回閉包時牢記的一點(diǎn)就是返回函數(shù)不要引用任何循環(huán)變量，或者后續(xù)會發(fā)生變化的變量。真的是看著很暈?zāi)?/p>

閉包

另一個需要注意的問題是，返回的函數(shù)并沒有立刻執(zhí)行，而是直到調(diào)用了f()才執(zhí)行。我們來看一個例子：

function count() {
    var arr = [];
    for (var i=1; i<=3; i++) {
        arr.push(function () {
            return i * i;
        });
    }
    return arr;
}

var results = count();
var f1 = results[0];
var f2 = results[1];
var f3 = results[2];

在上面的例子中，每次循環(huán)，都創(chuàng)建了一個新的函數(shù)，然后，把創(chuàng)建的3個函數(shù)都添加到一個Array中返回了。

你可能認(rèn)為調(diào)用f1()，f2()和f3()結(jié)果應(yīng)該是1，4，9，但實際結(jié)果是：

f1(); // 16
f2(); // 16
f3(); // 16

全部都是16！原因就在于返回的函數(shù)引用了變量i，但它并非立刻執(zhí)行。等到3個函數(shù)都返回時，它們所引用的變量i已經(jīng)變成了4，因此最終結(jié)果為16。

返回閉包時牢記的一點(diǎn)就是：返回函數(shù)不要引用任何循環(huán)變量，或者后續(xù)會發(fā)生變化的變量。

如果一定要引用循環(huán)變量怎么辦？方法是再創(chuàng)建一個函數(shù)，用該函數(shù)的參數(shù)綁定循環(huán)變量當(dāng)前的值，無論該循環(huán)變量后續(xù)如何更改，已綁定到函數(shù)參數(shù)的值不變：

function count() {
    var arr = [];
    for (var i=1; i<=3; i++) {
        arr.push((function (n) {
            return function () {
                return n * n;
            }
        })(i));
    }
    return arr;
}

var results = count();
var f1 = results[0];
var f2 = results[1];
var f3 = results[2];

f1(); // 1
f2(); // 4
f3(); // 9

注意這里用了一個“創(chuàng)建一個匿名函數(shù)并立刻執(zhí)行”的語法：

(function (x) {
    return x * x;
})(3); // 9

理論上講，創(chuàng)建一個匿名函數(shù)并立刻執(zhí)行可以這么寫：

function (x) { return x * x } (3);

但是由于JavaScript語法解析的問題，會報SyntaxError錯誤，因此需要用括號把整個函數(shù)定義括起來：

(function (x) { return x * x }) (3);

通常，一個立即執(zhí)行的匿名函數(shù)可以把函數(shù)體拆開，一般這么寫：

(function (x) {
    return x * x;
})(3);
ps閉包的繼續(xù)學(xué)習(xí)

待寫。。。。。。（真的是看著很暈?zāi)?(ㄒoㄒ)/~~）

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

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

相關(guān)文章

  • js溫故而知新8(瀏覽器)——學(xué)習(xí)廖雪峰的js教程

    摘要：對象不但充當(dāng)全局作用域，而且表示瀏覽器窗口。對象有和屬性，可以獲取瀏覽器窗口的內(nèi)部寬度和高度。對象表示當(dāng)前頁面的信息。由于在瀏覽器中以形式表示為樹形結(jié)構(gòu)，對象就是整個樹的根節(jié)點(diǎn)。這個行為由瀏覽器實現(xiàn)，主流瀏覽器均支持選項，從開始支持。 瀏覽器 目前主流的瀏覽器： IE 6~11：從IE10開始支持ES6標(biāo)準(zhǔn)； Chrome：基于Webkit內(nèi)核，內(nèi)置了非常強(qiáng)悍的JavaScript引...

    charles_paul 評論0 收藏0

  • js溫故而知新2——學(xué)習(xí)廖雪峰的js教程

    摘要：讓我們拆開寫小明正常結(jié)果單獨(dú)調(diào)用函數(shù)怎么返回了請注意，我們已經(jīng)進(jìn)入到了的一個大坑里。如果單獨(dú)調(diào)用函數(shù)，比如，此時，該函數(shù)的指向全局對象，也就是。 函數(shù) 1. arguments JavaScript還有一個免費(fèi)贈送的關(guān)鍵字arguments，它只在函數(shù)內(nèi)部起作用，并且永遠(yuǎn)指向當(dāng)前函數(shù)的調(diào)用者傳入的所有參數(shù)。arguments類似Array但它不是一個Array： function fo...

    Caizhenhao 評論0 收藏0

  • js溫故而知新10(操作表單)——學(xué)習(xí)廖雪峰的js教程

    摘要：用操作表單和操作是類似的，因為表單本身也是樹。因此，第二種方式是響應(yīng)本身的事件，在提交時作修改可以在此修改的繼續(xù)下一步注意要來告訴瀏覽器繼續(xù)提交，如果，瀏覽器將不會繼續(xù)提交，這種情況通常對應(yīng)用戶輸入有誤，提示用戶錯誤信息后終止提交。 用JavaScript操作表單和操作DOM是類似的，因為表單本身也是DOM樹。 HTML表單的輸入控件主要有以下幾種： 文本框，對應(yīng)的，用于輸入文本； ...

    simon_chen 評論0 收藏0

  • js溫故而知新9(操作DOM)——學(xué)習(xí)廖雪峰的js教程

    摘要：根節(jié)點(diǎn)已經(jīng)自動綁定為全局變量。如果寫入的字符串是通過網(wǎng)絡(luò)拿到了，要注意對字符編碼來避免攻擊。修改也是經(jīng)常需要的操作。當(dāng)你遍歷一個父節(jié)點(diǎn)的子節(jié)點(diǎn)并進(jìn)行刪除操作時，要注意，屬性是一個只讀屬性，并且它在子節(jié)點(diǎn)變化時會實時更新。 1.操作DOM 操作一個DOM節(jié)點(diǎn)實際上就是這么幾個操作：更新、遍歷、添加、刪除。 由于ID在HTML文檔中是唯一的，所以document.getElementByI...

    Alfred 評論0 收藏0

  • js溫故而知新11(AJAX)——學(xué)習(xí)廖雪峰的js教程

    摘要：在回調(diào)函數(shù)中，通常我們只需通過判斷請求是否完成，如果已完成，再根據(jù)判斷是否是一個成功的響應(yīng)。因此我們需要首先在頁面中準(zhǔn)備好回調(diào)函數(shù)當(dāng)前價格最后用函數(shù)觸發(fā)表示本域，也就是瀏覽器當(dāng)前頁面的域。 Asynchronous JavaScript and XML，意思就是用JavaScript執(zhí)行異步網(wǎng)絡(luò)請求。 如果仔細(xì)觀察一個Form的提交，你就會發(fā)現(xiàn)，一旦用戶點(diǎn)擊Submit按鈕，表單開始提...

    kun_jian 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<