惰性函數(shù)定義模式 使用方法第1/3頁(yè)
更新時(shí)間:2007年09月20日 19:55:43 作者:
這篇文章闡述的是一種函數(shù)式編程(functional-programming)設(shè)計(jì)模式,我稱之為惰性函數(shù)定義(Lazy Function Definition)。我不止一次發(fā)現(xiàn)這種模式在JavaScript中大有用處,尤其是編寫跨瀏覽器的、高效運(yùn)行的庫(kù)之時(shí)。
熱身問題
編寫一個(gè)函數(shù)foo,它返回的是Date對(duì)象,這個(gè)對(duì)象保存的是foo首次調(diào)用的時(shí)間。
方法一:上古時(shí)代的技術(shù)
這個(gè)最簡(jiǎn)陋的解決方案使用了全局變量t來保存Date對(duì)象。foo首次調(diào)用時(shí)會(huì)把時(shí)間保存到t中。接下來的再次調(diào)用,foo只會(huì)返回保存在t中的值。
var t;
function foo() {
if (t) {
return t;
}
t = new Date();
return t;
}
但是這樣的代碼有兩個(gè)問題。第一,變量t是一個(gè)多余的全局變量,并且在 foo調(diào)用的間隔期間有可能被更改。第二,在調(diào)用時(shí)這些代碼的效率并沒有得到優(yōu)化因?yàn)槊看握{(diào)用 foo都必須去求值條件。雖然在這個(gè)例子中,求值條件并不顯得低效,但在現(xiàn)實(shí)世界的實(shí)踐例子中常常會(huì)有極為昂貴的條件求值,比如在if-else-else-…的結(jié)構(gòu)中。
方法二:模塊模式
我們可以通過被認(rèn)為歸功于Cornford 和 Crockford 的模塊模式來彌補(bǔ)第一種方法的缺陷。使用閉包可以隱藏全局變量t,只有在 foo內(nèi)的代碼才可以訪問它。
var foo = (function() {
var t;
return function() {
if (t) {
return t;
}
t = new Date();
return t;
}
})();
但這仍然沒有優(yōu)化調(diào)用時(shí)的效率,因?yàn)槊看握{(diào)用foo依然需要求值條件。
雖然模塊模式是一個(gè)強(qiáng)大的工具,但我堅(jiān)信在這種情形下它用錯(cuò)了地方。
方法三:函數(shù)作為對(duì)象
由于JavaScript的函數(shù)也是對(duì)象,所以它可以帶有屬性,我們可以據(jù)此實(shí)現(xiàn)一種跟模塊模式質(zhì)量差不多的解決方案。
function foo() {
if (foo.t) {
return foo.t;
}
foo.t = new Date();
return foo.t;
}
在一些情形中,帶有屬性的函數(shù)對(duì)象可以產(chǎn)生比較清晰的解決方案。我認(rèn)為,這個(gè)方法在理念上要比模式模塊方法更為簡(jiǎn)單。
這個(gè)解決方案避免了第一種方法中的全局變量t,但仍然解決不了foo每次調(diào)用所帶來的條件求值。
熱身問題
編寫一個(gè)函數(shù)foo,它返回的是Date對(duì)象,這個(gè)對(duì)象保存的是foo首次調(diào)用的時(shí)間。
方法一:上古時(shí)代的技術(shù)
這個(gè)最簡(jiǎn)陋的解決方案使用了全局變量t來保存Date對(duì)象。foo首次調(diào)用時(shí)會(huì)把時(shí)間保存到t中。接下來的再次調(diào)用,foo只會(huì)返回保存在t中的值。
復(fù)制代碼 代碼如下:
var t;
function foo() {
if (t) {
return t;
}
t = new Date();
return t;
}
但是這樣的代碼有兩個(gè)問題。第一,變量t是一個(gè)多余的全局變量,并且在 foo調(diào)用的間隔期間有可能被更改。第二,在調(diào)用時(shí)這些代碼的效率并沒有得到優(yōu)化因?yàn)槊看握{(diào)用 foo都必須去求值條件。雖然在這個(gè)例子中,求值條件并不顯得低效,但在現(xiàn)實(shí)世界的實(shí)踐例子中常常會(huì)有極為昂貴的條件求值,比如在if-else-else-…的結(jié)構(gòu)中。
方法二:模塊模式
我們可以通過被認(rèn)為歸功于Cornford 和 Crockford 的模塊模式來彌補(bǔ)第一種方法的缺陷。使用閉包可以隱藏全局變量t,只有在 foo內(nèi)的代碼才可以訪問它。
復(fù)制代碼 代碼如下:
var foo = (function() {
var t;
return function() {
if (t) {
return t;
}
t = new Date();
return t;
}
})();
但這仍然沒有優(yōu)化調(diào)用時(shí)的效率,因?yàn)槊看握{(diào)用foo依然需要求值條件。
雖然模塊模式是一個(gè)強(qiáng)大的工具,但我堅(jiān)信在這種情形下它用錯(cuò)了地方。
方法三:函數(shù)作為對(duì)象
由于JavaScript的函數(shù)也是對(duì)象,所以它可以帶有屬性,我們可以據(jù)此實(shí)現(xiàn)一種跟模塊模式質(zhì)量差不多的解決方案。
復(fù)制代碼 代碼如下:
function foo() {
if (foo.t) {
return foo.t;
}
foo.t = new Date();
return foo.t;
}
在一些情形中,帶有屬性的函數(shù)對(duì)象可以產(chǎn)生比較清晰的解決方案。我認(rèn)為,這個(gè)方法在理念上要比模式模塊方法更為簡(jiǎn)單。
這個(gè)解決方案避免了第一種方法中的全局變量t,但仍然解決不了foo每次調(diào)用所帶來的條件求值。
相關(guān)文章
獲取任意Html元素與body之間的偏移距離 offsetTop、offsetLeft (For:IE5+ FF1 )[
獲取任意Html元素與body之間的偏移距離 offsetTop、offsetLeft (For:IE5+ FF1 )[...2006-12-12JavaScript對(duì)象擴(kuò)展方法的用法詳解
JavaScript對(duì)象中的可擴(kuò)展性指的是:是否可以給對(duì)象添加新屬性。所有的內(nèi)置對(duì)象和自定義對(duì)象顯示的都是可擴(kuò)展的,對(duì)于宿主對(duì)象,則由JavaScript引擎決定2022-11-11一篇文章帶你學(xué)會(huì)JavaScript計(jì)時(shí)事件
JS可以實(shí)現(xiàn)很多java代碼不易完成的功能,下面這篇文章主要給大家介紹了關(guān)于如何通過一篇文章帶你學(xué)會(huì)JavaScript計(jì)時(shí)事件的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-11-11詳解處理bootstrap4不支持遠(yuǎn)程靜態(tài)框問題
這篇文章主要介紹了詳解處理bootstrap4不支持遠(yuǎn)程靜態(tài)框問題,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-07-07淺談JavaScript中面向?qū)ο蟮牡纳羁截惡蜏\拷貝
下面小編就為大家?guī)硪黄獪\談JavaScript中面向?qū)ο蟮牡纳羁截惡蜏\拷貝。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08判斷用戶的在線狀態(tài) onbeforeunload事件
window.event.clientX和window.event.clientY 將捕捉當(dāng)前事件發(fā)生時(shí)鼠標(biāo)相對(duì)與窗口的桌面坐標(biāo),通常情況下IE的關(guān)閉按鈕都會(huì)在頁(yè)面的右上部分,所以點(diǎn)關(guān)閉的時(shí)候鼠標(biāo)的坐標(biāo)的Y坐標(biāo)一定是小于0的2011-03-03BootStrap Validator 根據(jù)條件在JS中添加或移除校驗(yàn)操作
這篇文章主要介紹了BootStrap Validator 根據(jù)條件在JS中添加或移除校驗(yàn)的相關(guān)資料,需要的朋友可以參考下2017-10-10