JavaScript中惰性函數(shù)的示例分析-創(chuàng)新互聯(lián)

這篇文章主要介紹JavaScript中惰性函數(shù)的示例分析，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)專注于企業(yè)營(yíng)銷型網(wǎng)站、網(wǎng)站重做改版、海晏網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5開(kāi)發(fā)、商城建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)營(yíng)銷網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為海晏等各大城市提供網(wǎng)站開(kāi)發(fā)制作服務(wù)。

需求

我們現(xiàn)在需要寫一個(gè) foo 函數(shù)，這個(gè)函數(shù)返回首次調(diào)用時(shí)的 Date 對(duì)象，注意是首次。

解決一：普通方法

var t;
function foo() {
 if (t) return t;
 t = new Date()
 return t;
}

問(wèn)題有兩個(gè)，一是污染了全局變量，二是每次調(diào)用 foo 的時(shí)候都需要進(jìn)行一次判斷。

解決二：閉包

我們很容易想到用閉包避免污染全局變量。

var foo = (function() {
 var t;
 return function() {
 if (t) return t;
 t = new Date();
 return t;
 }
})();

然而還是沒(méi)有解決調(diào)用時(shí)都必須進(jìn)行一次判斷的問(wèn)題。

解決三：函數(shù)對(duì)象

函數(shù)也是一種對(duì)象，利用這個(gè)特性，我們也可以解決這個(gè)問(wèn)題。

function foo() {
 if (foo.t) return foo.t;
 foo.t = new Date();
 return foo.t;
}

依舊沒(méi)有解決調(diào)用時(shí)都必須進(jìn)行一次判斷的問(wèn)題。

解決四：惰性函數(shù)

不錯(cuò)，惰性函數(shù)就是解決每次都要進(jìn)行判斷的這個(gè)問(wèn)題，解決原理很簡(jiǎn)單，重寫函數(shù)。

var foo = function() {
 var t = new Date();
 foo = function() {
 return t;
 };
 return foo();
};

更多應(yīng)用

DOM 事件添加中，為了兼容現(xiàn)代瀏覽器和 IE 瀏覽器，我們需要對(duì)瀏覽器環(huán)境進(jìn)行一次判斷：

// 簡(jiǎn)化寫法
function addEvent (type, el, fn) {
 if (window.addEventListener) {
 el.addEventListener(type, fn, false);
 }
 else if(window.attachEvent){
 el.attachEvent('on' + type, fn);
 }
}

問(wèn)題在于我們每當(dāng)使用一次 addEvent 時(shí)都會(huì)進(jìn)行一次判斷。

利用惰性函數(shù)，我們可以這樣做：

function addEvent (type, el, fn) {
 if (window.addEventListener) {
 addEvent = function (type, el, fn) {
  el.addEventListener(type, fn, false);
 }
 }
 else if(window.attachEvent){
 addEvent = function (type, el, fn) {
  el.attachEvent('on' + type, fn);
 }
 }
}

當(dāng)然我們也可以使用閉包的形式：

var addEvent = (function(){
 if (window.addEventListener) {
 return function (type, el, fn) {
  el.addEventListener(type, fn, false);
 }
 }
 else if(window.attachEvent){
 return function (type, el, fn) {
  el.attachEvent('on' + type, fn);
 }
 }
})();

當(dāng)我們每次都需要進(jìn)行條件判斷，其實(shí)只需要判斷一次，接下來(lái)的使用方式都不會(huì)發(fā)生改變的時(shí)候，想想是否可以考慮使用惰性函數(shù)。

以上是“JavaScript中惰性函數(shù)的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司行業(yè)資訊頻道！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

文章名稱：JavaScript中惰性函數(shù)的示例分析-創(chuàng)新互聯(lián)
當(dāng)前鏈接：http://muchs.cn/article34/dodsse.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供移動(dòng)網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、云服務(wù)器、手機(jī)網(wǎng)站建設(shè)、定制開(kāi)發(fā)、ChatGPT

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)