javascript createAdder函數(shù)功能與使用說明
更新時間:2010年06月04日 23:18:35 作者:
createAdder(x)是一個函數(shù),返回一個函數(shù)。在JavaScript中,函數(shù)是第一類對象:另外它們可以被傳遞到其他函數(shù)作為參數(shù)和函數(shù)返回。在這種情況下,函數(shù)返回本身就是一個函數(shù)接受一個參數(shù),并增加了一些東西。
英文原文
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分配。第二個案例是在關閉的時候:在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)增加。
閉包是一個非常強大的語言功能,但可能需要一些時間來適應。這種對維基百科的文章提供了更深入的報道。
核心代碼
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í)行]
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分配。第二個案例是在關閉的時候:在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)增加。
閉包是一個非常強大的語言功能,但可能需要一些時間來適應。這種對維基百科的文章提供了更深入的報道。
核心代碼
復制代碼 代碼如下:
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í)行]
您可能感興趣的文章:
相關文章
js(JavaScript)實現(xiàn)TAB標簽切換效果的簡單實例
本篇文章主要是對js(JavaScript)實現(xiàn)TAB標簽切換效果的簡單實例進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-02-02ES2020讓代碼更優(yōu)美的運算符 (?.) (??)
這篇文章主要介紹了ES2020讓代碼更優(yōu)美的運算符 (?.) (??),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2021-01-01JavaScript實現(xiàn)輪播圖方法(邏輯清晰一看就懂)
這篇文章主要給大家介紹了關于JavaScript實現(xiàn)輪播圖方法的相關資料,JS輪播圖的實現(xiàn)核心是使用JavaScript來控制圖片的切換和顯示,配合HTML和CSS完成布局和樣式設置,文中介紹的方法邏輯清晰一看就懂,需要的朋友可以參考下2023-12-12