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

資訊專欄INFORMATION COLUMN

Javascript-apply、call、bind

alexnevsky / 1992人閱讀

摘要：的作用在中，三者作用是改變某個(gè)函數(shù)的執(zhí)行上下文，具體作用是改變函數(shù)體內(nèi)部的指向。

apply、call、bind的作用

在javascript中，三者作用是改變某個(gè)函數(shù)的執(zhí)行上下文（Execution Context），具體作用是改變函數(shù)體內(nèi)部this的指向。

舉個(gè)栗子：

function example() {}
example.prototype = {
    name: "will",
    say: function() {
        console.log("hi," + this.name + "!")
    }
}
var e = new example()
e.say() // hi,will!

var obj = {
    name: "lucky"
}
e.say.apply(obj) // hi,lucky! 此時(shí)this.name是lucky
e.say.call(obj) // hi,lucky! 此時(shí)this.name是lucky
e.say.bind(obj)() // hi,lucky! 此時(shí)this.name是lucky
apply、call、bind的區(qū)別

apply、call只是接受參數(shù)的方式不太一樣，而且會(huì)立即執(zhí)行，bind會(huì)產(chǎn)生一個(gè)新函數(shù)，需要再次調(diào)用才會(huì)執(zhí)行

舉個(gè)栗子：

function func(arg1, arg2) {
    console.log(arg1 + arg2)
}
func.apply(this, [1, 2]) // apply接受的參數(shù)，第一個(gè)是對(duì)象，第二個(gè)是數(shù)組
func.call(this, 1, 2) // call接受的參數(shù)，第一個(gè)是對(duì)象，后面一個(gè)接一個(gè)
簡單舉幾個(gè)apply、call、bind的應(yīng)用場(chǎng)景 偽數(shù)組轉(zhuǎn)標(biāo)準(zhǔn)數(shù)組 
var obj = {
    0: 1,
    1: 2,
    length: 2
}
var arr1 = Array.prototype.slice.call(obj) // [1, 2]
var arr2 = Array.prototype.slice.apply(obj) // [1, 2]
取數(shù)組中的最大值或者最小值 
var arr = [1, 2, 3, 4]

//取最大值
console.log(Math.max.apply(Math, arr)) // 4
console.log(Math.max.call(Math, ...arr)) // 4

//取最小值
console.log(Math.min.apply(Math, arr)) // 1
console.log(Math.min.call(Math, ...arr)) // 1
檢驗(yàn)是否是數(shù)組 
function isArray(obj) {
    return Object.prototype.toString.call(obj) === "[object Array]"
}
isArray([1]) // true
isArray({}) // false
React中使用bind使函數(shù)可以獲取到props 
class MyCircle extends Component {
    constructor(props) {
        super(props)
        this.func = this.func.bind(this)
    }
    func() {
        ...
    }
    ...
}
等等... 總結(jié)

三者作用都是改變函數(shù)this的指向
三者第一個(gè)傳參都是要this要指向的對(duì)象
apply、call是立即執(zhí)行函數(shù)，bind需要再次調(diào)用

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

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

相關(guān)文章

  • JS中的call、apply、bind方法詳解

    摘要：不能應(yīng)用下的等方法。首先我們可以通過給目標(biāo)函數(shù)指定作用域來簡單實(shí)現(xiàn)方法保存，即調(diào)用方法的目標(biāo)函數(shù)考慮到函數(shù)柯里化的情況，我們可以構(gòu)建一個(gè)更加健壯的這次的方法可以綁定對(duì)象，也支持在綁定的時(shí)候傳參。原因是，在中，多次是無效的。 bind 是返回對(duì)應(yīng)函數(shù)，便于稍后調(diào)用；apply 、call 則是立即調(diào)用 。 apply、call 在 javascript 中，call 和 apply 都是...

    zombieda 評(píng)論0 收藏0

  • JS基礎(chǔ)篇--call、apply、bind方法詳解

    摘要：首先我們可以通過給目標(biāo)函數(shù)指定作用域來簡單實(shí)現(xiàn)方法保存，即調(diào)用方法的目標(biāo)函數(shù)考慮到函數(shù)柯里化的情況，我們可以構(gòu)建一個(gè)更加健壯的這次的方法可以綁定對(duì)象，也支持在綁定的時(shí)候傳參。原因是，在中，多次是無效的。而則會(huì)立即執(zhí)行函數(shù)。 bind 是返回對(duì)應(yīng)函數(shù)，便于稍后調(diào)用；apply 、call 則是立即調(diào)用 。 apply、call 在 javascript 中，call 和 apply 都是...

    lastSeries 評(píng)論0 收藏0

  • 前端基礎(chǔ):call,apply,bind的的理解

    摘要：和區(qū)別其實(shí)他們的作用是一樣的，只是傳遞的參數(shù)不一樣而已。接受個(gè)參數(shù)，第一個(gè)參數(shù)指定了函數(shù)體內(nèi)對(duì)象的指向，第二個(gè)參數(shù)為數(shù)組或者一個(gè)類數(shù)組?？磦€(gè)栗子一個(gè)有意思的事在中，多次是無效的。而則會(huì)立即執(zhí)行函數(shù)。 背景 前兩天在做小程序的需求的時(shí)候用到bind的時(shí)候才想起自己對(duì)這三的東西的了解比較淺薄，這個(gè)時(shí)候用的時(shí)候就有點(diǎn)怕。時(shí)候還是要好好學(xué)習(xí)下，理解下怎么玩。 正文 先說call 和 apply...

    netmou 評(píng)論0 收藏0

  • JS系列之call & apply & bind

    摘要：參考鏈接在中，和是對(duì)象自帶的三個(gè)方法，都是為了改變函數(shù)體內(nèi)部的指向。返回值是函數(shù)方法不會(huì)立即執(zhí)行，而是返回一個(gè)改變了上下文后的函數(shù)。而原函數(shù)中的并沒有被改變，依舊指向全局對(duì)象。原因是，在中，多次是無效的。 參考鏈接：https://juejin.im/post/59bfe8... 在JavaScript中，call、apply和bind是Function對(duì)象自帶的三個(gè)方法，都是為了改變...

    xiaochao 評(píng)論0 收藏0

  • 理解 JavaScript call()/apply()/bind()

    摘要：理解文章中已經(jīng)比較全面的分析了在中的指向問題，用一句話來總結(jié)就是的指向一定是在執(zhí)行時(shí)決定的，指向被調(diào)用函數(shù)的對(duì)象。與和直接執(zhí)行原函數(shù)不同的是，返回的是一個(gè)新函數(shù)。這個(gè)新函數(shù)包裹了原函數(shù)，并且綁定了的指向?yàn)閭魅氲摹? 理解 JavaScript this 文章中已經(jīng)比較全面的分析了 this 在 JavaScript 中的指向問題，用一句話來總結(jié)就是：this 的指向一定是在執(zhí)行時(shí)決定的，...

    duan199226 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<