call()、apply()、bind() 的用法和區(qū)別
標(biāo)簽:
JavaScript
call()、apply()、bind() 都可以改变this的指向,但是在使用的过程中也存在一些区别。
eg:
var aa = 1,bb=2;
function obj(){
return this.aa+this.bb
}
obj.call() //3
var aa = 1,bb=2;
function obj(){
return this.aa+this.bb
}
var cc={aa:3,bb:4}
console.log(obj.call(cc)) //7
console.log(obj.apply(cc))//7
console.log(obj.bind(cc)) //obj(){return this.aa+this.bb}
console.log(obj.bind(cc)())//7
通过上面的例子可以看到call()、apply()、bind() 都改变了this的指向,但是bind()返回的是一个函数,所以需要再次调用才会返回结果。
再通过传参看下三者的区别
var aa = 1,bb=2;
function obj(num1,num2){
return this.aa+this.bb + num1 + num2
}
var cc={aa:3,bb:4}
console.log(obj.call(cc,1,2)) //10
console.log(obj.apply(cc,[1,2])) //10
console.log(obj.bind(cc,1,2)()) //10
call()、apply()、bind() 传参是不同的,第一个参数都是改变this的指向,apply()第二个参数需要传入一个数组,call(),bind()直接把参数罗列就可以了。
通过测试applay()罗列参数的形式会直接报错。
这是我通过测试学到的一些用法和区别,欢迎交流。
點(diǎn)擊查看更多內(nèi)容
為 TA 點(diǎn)贊
評論
評論
共同學(xué)習(xí),寫下你的評論
評論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進(jìn)行掃碼打賞哦