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://m.skdbbs.com

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
欧美激情一区二区三级高清视频| 国产图片一区| 国产一区二区日韩精品欧美精品| 午夜精品久久久久久久久久久| 色偷偷偷在线视频播放| 欧美人伦禁忌dvd放荡欲情| 99久久精品情趣| 91wwwcom在线观看| 日本一区二区三区www| 亚洲成年人影院| 国产欧美综合精品一区二区| 91精品国产乱码久久久久久久久| 日韩超碰人人爽人人做人人添| 国产mv免费观看入口亚洲| 国产成人综合在线观看| 亚洲狠狠丁香婷婷综合久久久| 国产伦精品一区二区三区四区视频| 亚洲欧美文学| 日韩一区二区在线观看视频播放| 久久久久久久久久久久久久久久久久| 日韩精品乱码av一区二区| 成人午夜av在线| 2018中文字幕一区二区三区| 日韩一区二区三区三四区视频在线观看| av成人毛片| 精品视频久久久| 亚洲欧美在线成人| 精品国产区一区二区三区在线观看| 999视频在线免费观看| 中文字幕精品网| 欧美美女视频在线观看| 久久97精品久久久久久久不卡| 日日夜夜精品视频| 福利微拍一区二区| 国产精品不卡在线| 动漫av一区| 欧美性猛交xxxx乱大交| 日韩成人在线视频观看| 国产在线xxx| 亚洲女人毛片| 日韩精品一区二区三区中文字幕| 欧美日韩国产精品一区| 视频一区二区三| 91午夜理伦私人影院| 在线观看福利电影| 亚洲男人的天堂一区二区| 日韩av在线播放资源| 色综合一区二区| 一本一道波多野毛片中文在线| 日韩欧美一二三| 18video性欧美19sex高清| 欧美国产亚洲精品久久久8v| 国产精品videossex| 欧美日韩成人在线一区| 亚洲国产婷婷综合在线精品| 成人6969www免费视频| 国产伦一区二区三区色一情| 欧美在线影院一区二区| 日本伊人午夜精品| 国产经典一区| 四虎影视成人| 欧美日韩一区综合| 国产一区二区激情| 亚洲图片小说区| 欧美亚洲成人网| 久久国产精品首页| 国产精品日产欧美久久久久| 免费成人网www| 国产xxx精品视频大全| 日韩电影免费观| 精品电影一区| 欧美另类极品| 性欧美在线看片a免费观看| jizz性欧美23| 亚洲综合色av| 日韩和的一区二区| 亚洲伦理一区| 亚洲乱码精品一二三四区日韩在线| 国产一区二区三区高清在线观看| 精品国产一区二区三区2021| 久久综合九色综合97婷婷| 91精品国产91久久久久久最新毛片| 亚洲女人****多毛耸耸8| av在线之家电影网站| 亚洲精品日韩精品| 日韩欧美一区二区三区四区| 精品盗摄女厕tp美女嘘嘘| 国产日韩欧美综合在线| 婷婷激情图片久久| 欧美日韩国产影院| 狠狠久久五月精品中文字幕| 欧美18hd| 久久手机免费视频| 国产精品久久久久久福利一牛影视| 国产成人亚洲综合91精品| 国产亚洲午夜| 国产精品夫妻激情| 精品一区二区三区日韩| 91免费人成网站在线观看18| 日韩一区二区三区四区五区| 国产精品自拍毛片| 久久久久久毛片| 亚洲综合色站| 丁香花高清在线观看完整版| 国产免费一区二区三区在线观看| 在线亚洲一区观看| 久久久久亚洲精品中文字幕| 亚洲最大中文字幕| 精品福利久久久| 美女写真理伦片在线看| gogo在线高清视频| 国产精品久久久av久久久| 成人黄色av免费在线观看| 国产美女娇喘av呻吟久久| 日韩一区二区精品| 91蜜桃视频在线| 亚洲区一区二区| 国产精品美女一区二区| 毛片在线导航| 国产欧美中文字幕| 欧美高清在线精品一区| 激情综合网址| 日本一区影院| 亚洲国产精品嫩草影院久久av| 色狠狠av一区二区三区| 伊人久久精品一区二区三区| 亚洲一区二区在线播放| 亚洲视频一区二区在线观看| 蜜桃91丨九色丨蝌蚪91桃色| 青青草视频一区| 欧美调教视频| 亚洲欧美日本在线| a篇片在线观看网站| 国产91精品青草社区| 国产日韩欧美视频| 成人免费不卡视频| 一区二区成人精品| 国内揄拍国内精品久久| 一区二区视频免费完整版观看| 亚洲欧洲一区二区在线播放| 国产成人avxxxxx在线看| 丰满诱人av在线播放| 台湾佬成人网| 欧美一区二区三区思思人| 亚洲国产婷婷香蕉久久久久久| 国产真实有声精品录音| 欧美aa国产视频| 一本色道**综合亚洲精品蜜桃冫| 久久精品国内一区二区三区| 国产麻豆乱码精品一区二区三区| 国产视频精品久久久| av免费看在线| 日韩av电影在线播放| 91久久国产综合久久91猫猫| 日韩欧美亚洲国产精品字幕久久久| 日韩精品久久久久久久电影99爱| 色老头视频在线观看| 黄色成人在线网站| 狠狠色丁香久久婷婷综合丁香| www.豆豆成人网.com| 欧美videossex| 欧美日韩一区在线观看| 美女久久久久| 久久久久久久香蕉网|