92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

call、apply、bind 原理實現

2020-4-6    seo達人

目錄

  1. call 的模擬實現
  2. apply 的模擬實現
  3. bind 的模擬實現
  4. 三者異同



    學習并參考于：



    JavaScript深入之call和apply的模擬實現



    JS的call,apply與bind詳解，及其模擬實現





    （一）call的模擬實現

    call 用法 ： MDN Function.prototype.call()



    call() 方法使用一個指定的 this 值和可選的參數列表來調用一個函數。



    call() 提供新的 this 值給當前調用的函數/方法。


  5. call 實現主要思路：

    將函數設為對象的屬性



    執行該函數



    刪除該函數



    另外還有考慮：



    call 函數還能給定參數執行函數

    this 參數不傳，或者傳null，undefined， this指向window對象

    函數是可以有返回值的
  6. 實現：

    Function.prototype.myCall = function () {

      if (typeof this !== 'function') {

        throw new TypeError('error!')

      }

      let context = arguments[0] || window   //this 參數可以傳 null，當為 null 的時候，視為指向 window

      context.fn = this  // 首先要獲取調用call的函數，用this可以獲取

      let args = [...arguments].slice(1) //從 Arguments 對象中取值，取出第二個到最后一個參數   

      let result = context.fn(...args)  //函數是可以有返回值的

      delete context.fn

      return result

    }


  7. 測試：

    // 測試一下上面實現的myCall

    var value = 2;



    var obj = {

        value: 1

    }



    function bar(name, age) {

        console.log(this.value);

        return {

            value: this.value,

            name: name,

            age: age

        }

    }



    bar.call(null); // 2



    console.log(bar.myCall(obj, 'kevin', 18));

    // 1

    // Object {

    //    value: 1,

    //    name: 'kevin',

    //    age: 18

    // }



    （二）apply 的模擬實現

    apply 用法：MDN Function.prototype.apply()



    apply() 方法使用一個指定的 this 值和可選的參數數組 來調用一個函數。



    apply 的實現跟 call 類似。


  8. 實現：

    Function.prototype.myApply = function () {

      if (typeof this !== 'function') {

        throw new TypeError('error!')

      }

      let context = arguments[0] || window

      context.fn = this

      let result = arguments[1] ? context.fn(...arguments[1]) : context.fn()

      delete context.fn

      return result

    }


  9. 測試：

    var foo = {

        value: 1

    }

    function bar(name, age) {

        console.log(name)

        console.log(age)

        console.log(this.value);

    }

    bar.myApply(foo, ['black', '18']) // black 18 1



    （三）bind 的模擬實現

    bind 用法：MDN Function.prototype.bind()



    bind()方法會創建一個新函數，稱為綁定函數。當這個新函數被調用時，bind() 的第一個參數將作為它運行時的 this，之后的一序列參數將會在傳遞的實參前傳入作為它的參數。



    bind是ES5新增的一個方法，不會執行對應的函數，而是返回對綁定函數的引用。


  10. 實現：

    Function.prototype.customBind = function () {

      if (typeof this !== 'function') {

        throw new TypeError('error!')

      }

      const that = this   // 首先要獲取調用bind的函數，用this獲取并存放在that中

      let context = arguments[0] || window

      const args = [...arguments].slice(1)

      return function() {

        return that.apply(context, args.concat([...arguments]))

      }

    }



    （四）三者異同
  11. 相同：

    改變函數體內 this 的指向
  12. 不同：

    call、apply的區別：call方法接受的是參數列表，而apply方法接受的是一個參數數組。

    bind不立即執行。而call或apply會自動執行對應的函數。


日歷

鏈接

個人資料

藍藍設計的小編 http://www.skdbbs.com

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
国产精品精品视频一区二区三区| 国产欧亚日韩视频| 欧美精品午夜视频| 777午夜精品福利在线观看| 日韩精品免费在线视频| 欧美高清视频在线观看| 国产精品第100页| 国产一区二区视频在线观看| 久久久精品免费视频| 欧美在线观看日本一区| 久久亚洲国产成人| 国产精品美女网站| 欧美精品18videosex性欧美| 91在线视频一区| 亚洲欧美日韩国产中文| 欧美www视频在线观看| 欧美黑人国产人伦爽爽爽| 亚洲免费中文字幕| 欧美国产日韩一区二区在线观看| 成人激情视频在线观看| 亚洲精品免费av| 奇米一区二区三区四区久久| 国产一区视频在线播放| 黄网动漫久久久| 国产视频精品自拍| 久久免费视频网站| 98精品国产高清在线xxxx天堂| 日韩欧美国产一区二区| 亚洲精品大尺度| 色先锋资源久久综合5566| 欧美极品美女电影一区| 国产精品免费一区| 久久久久久国产免费| 亚洲va码欧洲m码| 国色天香2019中文字幕在线观看| 中文字幕日韩高清| 久久人人爽国产| 最近的2019中文字幕免费一页| 国产视频一区在线| 久久精品视频99| 亚洲自拍另类欧美丝袜| 亚洲最大福利网站| 亚洲国产精品成人va在线观看| 午夜免费久久久久| 欧美亚洲成人精品| 亚洲а∨天堂久久精品9966| 亚洲成av人片在线观看香蕉| 欧美极品少妇xxxxⅹ免费视频| 精品成人在线视频| 欧美激情综合亚洲一二区| 国产精品成人国产乱一区| 91精品国产亚洲| 成人精品久久一区二区三区| 国产亚洲精品一区二555| 国产精品直播网红| 91亚洲精品视频| 青青a在线精品免费观看| 成人av资源在线播放| 国产精品日韩欧美| 97超级碰碰碰| 黄色精品一区二区| 亚洲精选中文字幕| 亚洲成人免费在线视频| 中文字幕欧美精品在线| 久久免费视频这里只有精品| 成人黄在线观看| 国产91成人video| 91干在线观看| 欧美又大又硬又粗bbbbb| 人九九综合九九宗合| 亚洲视频在线观看网站| 97国产精品久久| 日韩电影免费在线观看中文字幕| 国产视频精品一区二区三区| 国产精品久久久久久av福利| 久久精品国产69国产精品亚洲| 久久久人成影片一区二区三区观看| 亚洲精品久久视频| 亚洲欧美一区二区三区久久| 国产精品久久久久久久久久小说| 精品无码久久久久久国产| 亚洲第一福利网站| 欧美在线视频免费观看| 伊人伊人伊人久久| 最近日韩中文字幕中文| 亚洲精品福利资源站| 一区二区三区在线播放欧美| 久久男人资源视频| 亚洲国内高清视频| 日韩高清欧美高清| 中文字幕日韩在线视频| 精品国产精品自拍| 亚洲男人天堂网站| 在线播放国产一区中文字幕剧情欧美| 国产精品视频一| 国产精品久久国产精品99gif| 精品视频—区二区三区免费| 亚洲欧美日韩成人| 尤物九九久久国产精品的分类| 欧美日韩亚洲一区二| 欧美另类在线播放| 欧美大片va欧美在线播放| 久久91精品国产91久久跳| 国产精品扒开腿做爽爽爽视频| 国产精品中文字幕在线| 日韩精品一二三四区| 欧美日韩亚洲国产一区| 538国产精品一区二区免费视频| 日韩在线精品视频| 这里精品视频免费| 日韩欧美一区二区三区| 欧美精品亚州精品| 亚洲欧洲日产国码av系列天堂| 在线播放日韩欧美| 97欧美精品一区二区三区| 欧美床上激情在线观看| 亚洲a级在线观看| 亚洲永久在线观看| 国产成人avxxxxx在线看| 欧美最猛性xxxx| 国产欧美一区二区三区久久人妖| 2019精品视频| 在线播放日韩专区| 6080yy精品一区二区三区| 96sao精品视频在线观看| 日本高清+成人网在线观看| 欧美日韩国产精品一区二区不卡中文| 亚洲国产高清高潮精品美女| 久久久av一区| 国产99视频在线观看| 精品久久久久久久大神国产| 国产亚洲精品一区二555| 国产性色av一区二区| 久久精品国产96久久久香蕉| 97视频在线观看成人| 中文字幕精品www乱入免费视频| 精品二区三区线观看| 国产日韩av高清| 欧美午夜女人视频在线| 国产精品自拍视频| 亚洲国产精品久久精品怡红院| 精品偷拍各种wc美女嘘嘘| 日韩欧美亚洲国产一区| 亚洲人成网站777色婷婷| 播播国产欧美激情| 亚洲国产精品久久久久秋霞不卡| 亚洲电影免费观看高清完整版| 日本a级片电影一区二区| 欧美性极品少妇精品网站| 欧美在线视频一区| 成人伊人精品色xxxx视频| 日本欧美中文字幕| 51视频国产精品一区二区| 91香蕉电影院| 亚洲国产另类 国产精品国产免费| 一区二区三区视频免费| 91高清免费在线观看| 97久久伊人激情网| 国产精品永久免费| 欧美日韩国产在线播放| 亚洲a成v人在线观看| 国产精品男女猛烈高潮激情| 中文字幕亚洲情99在线| 久久国产精品首页|