|
|
createAdder(x) is a function that returns a function. In JavaScript, functions are first-class objects: they can be passed to other functions as arguments and returned from functions as well. In this case, the function returned is itself a function that takes an argument and adds something to it.
Here’s the magic: the function returned by createAdder() is a closure. It “remembers” the environment in which it was created. If you pass createAdder the integer 3, you get back a function that will add 3 to its argument. If you pass 4, you get back a function that adds 4. The addThree and addFour functions in the above example are created in this way.
Let’s take another look at the addLoadEvent function. It takes as its argument a callback function which you wish to be executed once the page has loaded. There follow two cases: in the first case, window.onload does not already have a function assigned to it, so the function simply assigns the callback to window.onload. The second case is where the closure comes in: window.onload has already had something assigned to it. This previously assigned function is first saved in a variable called oldonload. Then a brand new function is created which first executes oldonload, then executes the new callback function. This new function is assigned to window.onload. Thanks to the magical property of closures, it will “remember” what the initial onload function was. Further more, you can call the addLoadEvent function multiple times with different arguments and it will build up a chain of functions, making sure that everything will be executed when the page loads no matter how many callbacks you have added.
Closures are a very powerful language feature but can take some getting used to. This article on Wikipedia provides more in-depth coverage.
中文翻譯：有更好的可以留言。大體意思差不多了
createAdder（x）是一個函數(shù)，返回一個函數(shù)。在JavaScript中，函數(shù)是第一類對象：另外它們可以被傳遞到其他函數(shù)作為參數(shù)和函數(shù)返回。在這種情況下，函數(shù)返回本身就是一個函數(shù)接受一個參數(shù)，并增加了一些東西。
在這里，Äôs the magic：由createAdder返回函數(shù)（）是一個閉包。它，Äúremembers，非盟在創(chuàng)建它的環(huán)境。如果傳遞createAdder整數(shù)3，你回來一個函數(shù)，將增加3至其參數(shù)。如果你通過四，你回來一個函數(shù)，增加了4。該addThree在上面的例子addFour職能創(chuàng)造這樣的。
讓，星光大道可以再一次看看addLoadEvent功能。這需要將執(zhí)行一次頁面已加載為一個回調(diào)函數(shù)的參數(shù)，你的愿望。有下列兩種情況：在第一種情況，在window.onload已經(jīng)沒有分配給它一個函數(shù)，因此函數(shù)簡單的回調(diào)在window.onload分配。第二個案例是在關(guān)閉的時候：在window.onload已經(jīng)有分配給它的東西。這是以前分配的功能首次在一個名為oldonload變量保存。然后，一個全新的功能是創(chuàng)建的第一個執(zhí)行oldonload，然后執(zhí)行新的回調(diào)函數(shù)。這一新功能被分配在window.onload。神奇的封鎖財產(chǎn)感謝，它會Äúremember，非盟最初的onload什么功能。進一步，你可以調(diào)用函數(shù)的addLoadEvent多次與不同的參數(shù)，它會建立一個職能鏈，確保一切都將在頁面加載時執(zhí)行，不管你有多少回調(diào)增加。
閉包是一個非常強大的語言功能，但可能需要一些時間來適應(yīng)。這種對維基百科的文章提供了更深入的報道。
核心代碼
復(fù)制代碼 代碼如下:
function createAdder(x) {
return function(y) {
return y + x;
}
}
addThree = createAdder(3);
addFour = createAdder(4);
document.write('10 + 3 is ' + addThree(10) + '<BR>');
document.write('10 + 4 is ' + addFour(10));
document.write('-10 + 4 is ' + addFour(-10));
演示代碼:
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
JavaScript技術(shù)：javascript createAdder函數(shù)功能與使用說明，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。
