惰性函數(shù)定義模式 使用方法第1/3頁
更新時間：2007年09月20日 19:55:43 作者：
這篇文章闡述的是一種函數(shù)式編程（functional-programming）設(shè)計模式，我稱之為惰性函數(shù)定義（Lazy Function Definition）。我不止一次發(fā)現(xiàn)這種模式在JavaScript中大有用處，尤其是編寫跨瀏覽器的、高效運行的庫之時。
熱身問題
編寫一個函數(shù)foo，它返回的是Date對象，這個對象保存的是foo首次調(diào)用的時間。
方法一：上古時代的技術(shù)
這個最簡陋的解決方案使用了全局變量t來保存Date對象。foo首次調(diào)用時會把時間保存到t中。接下來的再次調(diào)用，foo只會返回保存在t中的值。
var t;
function foo() {
if (t) {
return t;
}
t = new Date();
return t;
}
但是這樣的代碼有兩個問題。第一，變量t是一個多余的全局變量，并且在 foo調(diào)用的間隔期間有可能被更改。第二，在調(diào)用時這些代碼的效率并沒有得到優(yōu)化因為每次調(diào)用 foo都必須去求值條件。雖然在這個例子中，求值條件并不顯得低效，但在現(xiàn)實世界的實踐例子中常常會有極為昂貴的條件求值，比如在if-else-else-…的結(jié)構(gòu)中。
方法二：模塊模式
我們可以通過被認為歸功于Cornford 和 Crockford 的模塊模式來彌補第一種方法的缺陷。使用閉包可以隱藏全局變量t，只有在 foo內(nèi)的代碼才可以訪問它。
var foo = (function() {
var t;
return function() {
if (t) {
return t;
}
t = new Date();
return t;
}
})();
但這仍然沒有優(yōu)化調(diào)用時的效率，因為每次調(diào)用foo依然需要求值條件。
雖然模塊模式是一個強大的工具，但我堅信在這種情形下它用錯了地方。
方法三：函數(shù)作為對象
由于JavaScript的函數(shù)也是對象，所以它可以帶有屬性，我們可以據(jù)此實現(xiàn)一種跟模塊模式質(zhì)量差不多的解決方案。
function foo() {
if (foo.t) {
return foo.t;
}
foo.t = new Date();
return foo.t;
}
在一些情形中，帶有屬性的函數(shù)對象可以產(chǎn)生比較清晰的解決方案。我認為，這個方法在理念上要比模式模塊方法更為簡單。
這個解決方案避免了第一種方法中的全局變量t，但仍然解決不了foo每次調(diào)用所帶來的條件求值。
熱身問題
編寫一個函數(shù)foo，它返回的是Date對象，這個對象保存的是foo首次調(diào)用的時間。
方法一：上古時代的技術(shù)
這個最簡陋的解決方案使用了全局變量t來保存Date對象。foo首次調(diào)用時會把時間保存到t中。接下來的再次調(diào)用，foo只會返回保存在t中的值。
復制代碼 代碼如下:
var t;
function foo() {
if (t) {
return t;
}
t = new Date();
return t;
}
但是這樣的代碼有兩個問題。第一，變量t是一個多余的全局變量，并且在 foo調(diào)用的間隔期間有可能被更改。第二，在調(diào)用時這些代碼的效率并沒有得到優(yōu)化因為每次調(diào)用 foo都必須去求值條件。雖然在這個例子中，求值條件并不顯得低效，但在現(xiàn)實世界的實踐例子中常常會有極為昂貴的條件求值，比如在if-else-else-…的結(jié)構(gòu)中。
方法二：模塊模式
我們可以通過被認為歸功于Cornford 和 Crockford 的模塊模式來彌補第一種方法的缺陷。使用閉包可以隱藏全局變量t，只有在 foo內(nèi)的代碼才可以訪問它。
復制代碼 代碼如下:
var foo = (function() {
var t;
return function() {
if (t) {
return t;
}
t = new Date();
return t;
}
})();
但這仍然沒有優(yōu)化調(diào)用時的效率，因為每次調(diào)用foo依然需要求值條件。
雖然模塊模式是一個強大的工具，但我堅信在這種情形下它用錯了地方。
方法三：函數(shù)作為對象
由于JavaScript的函數(shù)也是對象，所以它可以帶有屬性，我們可以據(jù)此實現(xiàn)一種跟模塊模式質(zhì)量差不多的解決方案。
復制代碼 代碼如下:
function foo() {
if (foo.t) {
return foo.t;
}
foo.t = new Date();
return foo.t;
}
在一些情形中，帶有屬性的函數(shù)對象可以產(chǎn)生比較清晰的解決方案。我認為，這個方法在理念上要比模式模塊方法更為簡單。
這個解決方案避免了第一種方法中的全局變量t，但仍然解決不了foo每次調(diào)用所帶來的條件求值。
相關(guān)文章
這篇文章主要介紹了JS獲取表格視圖所選行號的ids過程解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-02-02
JS跳出循環(huán)的方法區(qū)別對比分析(break,continue,return)
面向?qū)ο缶幊陶Z法中我們會碰到break ,continue, return這三個常用的關(guān)鍵字，那么關(guān)于這三個關(guān)鍵字的使用具體的操作是什么呢？接下來通過本文給大家講解JS跳出循環(huán)的方法區(qū)別對比分析(break,continue,return)，感興趣的朋友一起看看吧2023-02-02
在前端開發(fā)中,滑動輪播圖是一種常見的交互元素,用于展示多張圖片或內(nèi)容,這篇文章主要介紹了前端實現(xiàn)多個內(nèi)容滑動輪播圖效果的相關(guān)資料,文中給出了詳細的代碼示例,需要的朋友可以參考下2025-04-04
package.json與package-lock.json的區(qū)別及詳細解釋
不知道大家平時在開發(fā)中有沒有注意到,你的項目中有兩個文件:package.json,package-lock.json,應該很多人平時都不會去關(guān)注這兩個文件有啥關(guān)系吧,這篇文章主要給大家介紹了關(guān)于package.json與package-lock.json的區(qū)別及詳細解釋,需要的朋友可以參考下2022-08-08
這篇文章主要介紹了JavaScript刪除數(shù)組元素的方法,實例分析了javascript中delete函數(shù)的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
這篇文章給大家分享一下通過JS實現(xiàn)十字坐標跟隨鼠標效果的代碼，有需要的朋友參考學習下吧。2017-12-12
javascript中callee與caller的區(qū)別分析
有些小伙伴可能會問caller,callee 是什么？在javascript 中有什么樣的作用？那么本篇會對于此做一些基本介紹。希望能夠?qū)Υ蠹依斫鈐avascript中的callee與caller有所幫助。2015-04-04
基于bootstrap寫的一點localStorage本地儲存
這篇文章主要介紹了基于bootstrap寫的一點localStorage本地儲存,需要的朋友可以參考下2017-11-11
這篇文章主要介紹了Sublime Text 3常用插件及安裝方法的相關(guān)資料,需要的朋友可以參考下2015-12-12
除了正常運行模式，ECMAscript 5添加了第二種運行模式："嚴格模式"（strict mode）。顧名思義，這種模式使得Javascript在更嚴格的條件下運行。這篇文章給大家詳細介紹了js判斷瀏覽器是否支持嚴格模式的方法，有需要的朋友們可以參考借鑒。2016-10-10