成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

bind 函數(shù)的使用與polyfill

?。?。 / 1688人閱讀

摘要：綁定函數(shù)被調(diào)用時(shí)，也接受預(yù)設(shè)的參數(shù)提供給原函數(shù)。一個(gè)綁定函數(shù)也能使用操作符創(chuàng)建對象這種行為就像把原函數(shù)當(dāng)成構(gòu)造器。

說明

bind()方法創(chuàng)建一個(gè)新的函數(shù), 當(dāng)被調(diào)用時(shí)，將其this關(guān)鍵字設(shè)置為提供的值，在調(diào)用新函數(shù)時(shí)，在任何提供之前提供一個(gè)給定的參數(shù)序列。

語法 
fun.bind(thisArg[, arg1[, arg2[, ...]]])
參數(shù)

thisArg

當(dāng)綁定函數(shù)被調(diào)用時(shí)，該參數(shù)會作為原函數(shù)運(yùn)行時(shí)的 this 指向。當(dāng)使用new 操作符調(diào)用綁定函數(shù)時(shí)，該參數(shù)無效。

arg1, arg2, ...

當(dāng)綁定函數(shù)被調(diào)用時(shí)，這些參數(shù)將置于實(shí)參之前傳遞給被綁定的方法。

返回值,返回由指定的this值和初始化參數(shù)改造的原函數(shù)拷貝

描述 
bind() 函數(shù)會創(chuàng)建一個(gè)新函數(shù)（稱為綁定函數(shù)），新函數(shù)與被調(diào)函數(shù)（綁定函數(shù)的目標(biāo)函數(shù)）具有相同的函數(shù)體（在 ECMAScript 5 規(guī)范中內(nèi)置的call屬性）。當(dāng)新函數(shù)被調(diào)用時(shí) this 值綁定到 bind() 的第一個(gè)參數(shù)，該參數(shù)不能被重寫。綁定函數(shù)被調(diào)用時(shí)，bind() 也接受預(yù)設(shè)的參數(shù)提供給原函數(shù)。一個(gè)綁定函數(shù)也能使用new操作符創(chuàng)建對象：這種行為就像把原函數(shù)當(dāng)成構(gòu)造器。提供的 this 值被忽略，同時(shí)調(diào)用時(shí)的參數(shù)被提供給模擬函數(shù)。
兼容舊瀏覽器polyfill 
if (!Function.prototype.bind) {
  Function.prototype.bind = function (oThis) {
    if (typeof this !== "function") {
      // closest thing possible to the ECMAScript 5
      // internal IsCallable function
      throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable")
    }

    var aArgs = Array.prototype.slice.call(arguments, 1), 
      fToBind = this, 
      fNOP = function () {},
      fBound = function () {
        fBound.prototype = this instanceof fNOP ? new fNOP() : fBound.prototype
        return fToBind.apply(this instanceof fNOP
                                 ? this
                                 : oThis || this,
                                 aArgs )
        }   
//aArgs.concat(Array.prototype.slice.call(arguments));why use concat method instead of aArgs here
    if( this.prototype ) {
      // Function.prototype doesn"t have a prototype property
      fNOP.prototype = this.prototype
    }

    return fBound
  }
}
上述算法和實(shí)際的實(shí)現(xiàn)算法還有許多其他的不同 （盡管可能還有其他不同之處，卻沒有那個(gè)必要去窮盡）：這部分實(shí)現(xiàn)依賴于`Array.prototype.slice()`,`Array.prototype.concat()`,`Function.prototype.call()`這些原生方法。這部分實(shí)現(xiàn)創(chuàng)建的函數(shù)的實(shí)現(xiàn)并沒有caller 以及會在 get，set或者deletion上拋出TypeError錯(cuò)誤的 arguments 屬性這兩個(gè)不可改變的“毒藥” 。（假如環(huán)境支持{jsxref("Object.defineProperty")}}， 或者實(shí)現(xiàn)支持__defineGetter__ and __defineSetter__ 擴(kuò)展）,這部分實(shí)現(xiàn)創(chuàng)建的函數(shù)有 prototype 屬性。（正確的綁定函數(shù)沒有的）

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/91800.html

相關(guān)文章

  • 手動實(shí)現(xiàn)bind函數(shù)（附MDN提供的Polyfill方案解析）

    摘要：被調(diào)用時(shí)，等參數(shù)將置于實(shí)參之前傳遞給被綁定的方法。它返回由指定的值和初始化參數(shù)改造的原函數(shù)拷貝。一個(gè)綁定函數(shù)也能使用操作符創(chuàng)建對象這種行為就像把原函數(shù)當(dāng)成構(gòu)造器。其實(shí)這個(gè)思路也是庫如何實(shí)現(xiàn)繼承的方法。他的函數(shù)如下最后一步是將的指回。 update: 2018-06-08 原文鏈接 為什么要自己去實(shí)現(xiàn)一個(gè)bind函數(shù)？ bind()函數(shù)在 ECMA-262 第五版才被加入；它可能無法在所...

    idisfkj 評論0 收藏0

  • Polyfill：Function.prototype.bind的四個(gè)階段

    摘要：第二階段被忽略的細(xì)節(jié)函數(shù)的屬性，用于表示函數(shù)的形參。第三階段被忽視的細(xì)節(jié)通過生成的構(gòu)造函數(shù)。五本文涉及的知識點(diǎn)的用法的用法除操作符外的構(gòu)造函數(shù)的用法下詭異的命名函數(shù)表達(dá)式技術(shù)六總結(jié)在這之前從來沒想過一個(gè)的會涉及這么多知識點(diǎn)，感謝給的啟發(fā)。 昨天邊參考es5-shim邊自己實(shí)現(xiàn)Function.prototype.bind，發(fā)現(xiàn)有不少以前忽視了的地方，這里就作為一個(gè)小總結(jié)吧。 一、Fu...

    mudiyouyou 評論0 收藏0

  • 關(guān)于JS函數(shù)的bind

    摘要：昨天被人問到的的作用是什么這個(gè)倒還能回答出來，之后返回一個(gè)新的函數(shù)，這個(gè)函數(shù)可以保持傳遞的上下文。沒有完全實(shí)現(xiàn)規(guī)定的。比如規(guī)定了的和行為。 https://friskfly.github.io/2016/03/24/about-function-bind-in-js/ 昨天被人問到j(luò)s的bind的作用是什么？ 這個(gè)倒還能回答出來，bind 之后返回一個(gè)新的函數(shù)，這個(gè)函數(shù)可以保持傳遞的t...

    CloudwiseAPM 評論0 收藏0

  • 從一道面試題，到“我可能看了假源碼”

    摘要：返回的綁定函數(shù)也能使用操作符創(chuàng)建對象這種行為就像把原函數(shù)當(dāng)成構(gòu)造器。同時(shí)，將第一個(gè)參數(shù)以外的其他參數(shù)，作為提供給原函數(shù)的預(yù)設(shè)參數(shù)，這也是基本的顆?；A(chǔ)。 今天想談?wù)勔坏狼岸嗣嬖囶}，我做面試官的時(shí)候經(jīng)常喜歡用它來考察面試者的基礎(chǔ)是否扎實(shí)，以及邏輯、思維能力和臨場表現(xiàn)，題目是：模擬實(shí)現(xiàn)ES5中原生bind函數(shù)。也許這道題目已經(jīng)不再新鮮，部分讀者也會有思路來解答。社區(qū)上關(guān)于原生bind的研...

    Carson 評論0 收藏0

  • 從一道面試題，到“我可能看了假源碼”

    摘要：返回的綁定函數(shù)也能使用操作符創(chuàng)建對象這種行為就像把原函數(shù)當(dāng)成構(gòu)造器。同時(shí)，將第一個(gè)參數(shù)以外的其他參數(shù)，作為提供給原函數(shù)的預(yù)設(shè)參數(shù)，這也是基本的顆?；A(chǔ)。 今天想談?wù)勔坏狼岸嗣嬖囶}，我做面試官的時(shí)候經(jīng)常喜歡用它來考察面試者的基礎(chǔ)是否扎實(shí)，以及邏輯、思維能力和臨場表現(xiàn)，題目是：模擬實(shí)現(xiàn)ES5中原生bind函數(shù)。也許這道題目已經(jīng)不再新鮮，部分讀者也會有思路來解答。社區(qū)上關(guān)于原生bind的研...

    rockswang 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<