資訊專欄INFORMATION COLUMN
摘要：你可能認(rèn)為調(diào)用，和結(jié)果應(yīng)該是，，，但實(shí)際結(jié)果是全部都是原因就在于返回的函數(shù)引用了變量，但它并非立刻執(zhí)行。返回閉包時(shí)牢記的一點(diǎn)就是返回函數(shù)不要引用任何循環(huán)變量，或者后續(xù)會(huì)發(fā)生變化的變量。真的是看著很暈?zāi)?/p>
閉包
另一個(gè)需要注意的問題是，返回的函數(shù)并沒有立刻執(zhí)行，而是直到調(diào)用了f()才執(zhí)行。我們來看一個(gè)例子：
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)建了一個(gè)新的函數(shù)，然后，把創(chuàng)建的3個(gè)函數(shù)都添加到一個(gè)Array中返回了。
你可能認(rèn)為調(diào)用f1()，f2()和f3()結(jié)果應(yīng)該是1，4，9，但實(shí)際結(jié)果是：
f1(); // 16 f2(); // 16 f3(); // 16
全部都是16！原因就在于返回的函數(shù)引用了變量i，但它并非立刻執(zhí)行。等到3個(gè)函數(shù)都返回時(shí)，它們所引用的變量i已經(jīng)變成了4，因此最終結(jié)果為16。
返回閉包時(shí)牢記的一點(diǎn)就是：返回函數(shù)不要引用任何循環(huán)變量，或者后續(xù)會(huì)發(fā)生變化的變量。
如果一定要引用循環(huán)變量怎么辦？方法是再創(chuàng)建一個(gè)函數(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
注意這里用了一個(gè)“創(chuàng)建一個(gè)匿名函數(shù)并立刻執(zhí)行”的語法：
(function (x) {
return x * x;
})(3); // 9
理論上講，創(chuàng)建一個(gè)匿名函數(shù)并立刻執(zhí)行可以這么寫：
function (x) { return x * x } (3);
但是由于JavaScript語法解析的問題，會(huì)報(bào)SyntaxError錯(cuò)誤，因此需要用括號(hào)把整個(gè)函數(shù)定義括起來：
(function (x) { return x * x }) (3);
通常，一個(gè)立即執(zhí)行的匿名函數(shù)可以把函數(shù)體拆開，一般這么寫：
(function (x) {
return x * x;
})(3);
ps閉包的繼續(xù)學(xué)習(xí)
待寫。。。。。。（真的是看著很暈?zāi)?(ㄒoㄒ)/~~）
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/86892.html
摘要：對(duì)象不但充當(dāng)全局作用域，而且表示瀏覽器窗口。對(duì)象有和屬性，可以獲取瀏覽器窗口的內(nèi)部寬度和高度。對(duì)象表示當(dāng)前頁(yè)面的信息。由于在瀏覽器中以形式表示為樹形結(jié)構(gòu)，對(duì)象就是整個(gè)樹的根節(jié)點(diǎn)。這個(gè)行為由瀏覽器實(shí)現(xiàn)，主流瀏覽器均支持選項(xiàng)，從開始支持。 瀏覽器 目前主流的瀏覽器： IE 6~11：從IE10開始支持ES6標(biāo)準(zhǔn)； Chrome：基于Webkit內(nèi)核，內(nèi)置了非常強(qiáng)悍的JavaScript引...
摘要：讓我們拆開寫小明正常結(jié)果單獨(dú)調(diào)用函數(shù)怎么返回了請(qǐng)注意，我們已經(jīng)進(jìn)入到了的一個(gè)大坑里。如果單獨(dú)調(diào)用函數(shù)，比如，此時(shí)，該函數(shù)的指向全局對(duì)象，也就是。 函數(shù) 1. arguments JavaScript還有一個(gè)免費(fèi)贈(zèng)送的關(guān)鍵字arguments，它只在函數(shù)內(nèi)部起作用，并且永遠(yuǎn)指向當(dāng)前函數(shù)的調(diào)用者傳入的所有參數(shù)。arguments類似Array但它不是一個(gè)Array： function fo...
摘要：用操作表單和操作是類似的，因?yàn)楸韱伪旧硪彩菢洹Ｒ虼?，第二種方式是響應(yīng)本身的事件，在提交時(shí)作修改可以在此修改的繼續(xù)下一步注意要來告訴瀏覽器繼續(xù)提交，如果，瀏覽器將不會(huì)繼續(xù)提交，這種情況通常對(duì)應(yīng)用戶輸入有誤，提示用戶錯(cuò)誤信息后終止提交。 用JavaScript操作表單和操作DOM是類似的，因?yàn)楸韱伪旧硪彩荄OM樹。 HTML表單的輸入控件主要有以下幾種： 文本框，對(duì)應(yīng)的，用于輸入文本； ...
摘要：根節(jié)點(diǎn)已經(jīng)自動(dòng)綁定為全局變量。如果寫入的字符串是通過網(wǎng)絡(luò)拿到了，要注意對(duì)字符編碼來避免攻擊。修改也是經(jīng)常需要的操作。當(dāng)你遍歷一個(gè)父節(jié)點(diǎn)的子節(jié)點(diǎn)并進(jìn)行刪除操作時(shí)，要注意，屬性是一個(gè)只讀屬性，并且它在子節(jié)點(diǎn)變化時(shí)會(huì)實(shí)時(shí)更新。 1.操作DOM 操作一個(gè)DOM節(jié)點(diǎn)實(shí)際上就是這么幾個(gè)操作：更新、遍歷、添加、刪除。 由于ID在HTML文檔中是唯一的，所以document.getElementByI...
摘要：在回調(diào)函數(shù)中，通常我們只需通過判斷請(qǐng)求是否完成，如果已完成，再根據(jù)判斷是否是一個(gè)成功的響應(yīng)。因此我們需要首先在頁(yè)面中準(zhǔn)備好回調(diào)函數(shù)當(dāng)前價(jià)格最后用函數(shù)觸發(fā)表示本域，也就是瀏覽器當(dāng)前頁(yè)面的域。 Asynchronous JavaScript and XML，意思就是用JavaScript執(zhí)行異步網(wǎng)絡(luò)請(qǐng)求。 如果仔細(xì)觀察一個(gè)Form的提交，你就會(huì)發(fā)現(xiàn)，一旦用戶點(diǎn)擊Submit按鈕，表單開始提...
閱讀 2959·2021-11-25 09:43
閱讀 3336·2021-11-24 09:39
閱讀 2844·2021-09-22 15:59
閱讀 2215·2021-09-13 10:24
閱讀 520·2019-08-29 17:02
閱讀 2111·2019-08-29 13:23
閱讀 3071·2019-08-29 13:06
閱讀 3550·2019-08-29 13:04
