首頁猿問柯里化（curring）的實際運用

柯里化（curring）的實際運用

JavaScript

BIG陽 2018-09-08 09:54:34

題目描述原文中，下列相關(guān)代碼部分提現(xiàn)柯里化函數(shù)的提前返回和延遲執(zhí)行兩大特點，并且這樣代碼中只需要判斷一次瀏覽器類型。我對于代碼的理解在于，每次實際調(diào)用addEvent的時候，代碼會進行一次函數(shù)執(zhí)行，然后if(window.addEventListener) { ... } 這個內(nèi)容還會進行一次瀏覽器判斷。感覺我的想法和作者的想法相悖了，所以我想問一下，為什么if(window.addEventListener)在實際應(yīng)用中只執(zhí)行一次。即使下次調(diào)用addEvent的時候，也不會進行瀏覽器判斷題目來源及自己的思路這是我在掘金上看到的一個案例，代碼在后面作者：小興nice鏈接：https://juejin.im/post/5b8350...來源：掘金著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請注明出處。相關(guān)代碼var addEvent = (function() { if(window.addEventListener) { // 只判斷一次瀏覽器類型 return function(el, type, fn, capture) { el.addEventListener(type, function(e) { fn.call(el, e); }, capture); } }else { return function(ele, type, fn) { el.attachEvent('on' + type, function(e) { fn.call(el, e); }) } } })()

查看完整描述

2 回答

largeQ

TA貢獻2039條經(jīng)驗獲得超8個贊

這不是立即執(zhí)行函數(shù)嗎？只會在剛開始的時候運行一次，然后addEvent保存的是它的運行結(jié)果即返回的函數(shù)啊

反對回復(fù) 2018-09-09

森林海

TA貢獻2011條經(jīng)驗獲得超2個贊

定義addEvent的時候，并立即執(zhí)行了，執(zhí)行一遍后，addEvent的執(zhí)行函數(shù)就確定了。你是被返回的執(zhí)行函數(shù)誤導(dǎo)了，addEvent初始化后，就和原來的函數(shù)體沒有關(guān)系了。你可以換個思路，把addEvent的返回函數(shù)改成返回一個對象，就好理解多了

var obj = (function(){
      console.log('init')      if(window.addEventListener){        return {          func:window.addEventListener
        }
      } else {        return {          func:window.attachEvent
        }
      }
    })()

    console.log(obj.func)
    console.log(obj.func)
    console.log(obj.func)

反對回復(fù) 2018-09-09