JavaScript中修改this指向的方法（更换调用对象）

原创于 2021-05-26 21:28:53 发布 · 171 阅读

CC 4.0 BY-SA版权

文章标签：

本文介绍了JavaScript中改变函数上下文的三种方法：call、apply和bind。通过实例展示了如何使用这些方法将函数绑定到不同对象上，从而改变this的指向。call和apply的主要区别在于传递参数的方式，call直接传入参数列表，而apply则是以数组形式传递。bind则用于创建一个新的函数，保持原函数的this不变，但可以预先设置参数。

主要有三种方法：call，apply，bind
1、call

obj.sex.call(obj1,"忠")

var obj = {
name:'张飞',
sex:function(a){console.log(this.name,"无法确定性别！",a)}
}
obj.sex('飞') // 张飞无法确定性别！飞

var obj1 = {
name:"黄忠"
}
obj.sex.call(obj1,"忠") // 黄忠无法确定性别！忠
2、apply

obj.sex.call(obj1,["忠"])

var obj = {
name:'张飞',
sex:function(a){console.log(this.name,"无法确定性别！",a)}
}
obj.sex('飞') // 张飞无法确定性别！飞

var obj1 = {
name:"黄忠"
}
obj.sex.call(obj1,["忠"]) // 黄忠无法确定性别！忠
3、bind

obj.sex.bind(obj1)

var obj = {
name:'张飞',
sex:function(a){console.log(this.name,"无法确定性别！",a)}
}
obj.sex('飞') // 张飞无法确定性别！飞

var obj1 = {
name:"黄忠"
}
var str = obj.sex.bind(obj1)