js中调用函数以及改变函数this指向的方式

 

/**

* 1.如何修改函数this指向?

* 1.call(执行环境对象,实参列表)

* 2.apply(执行环境对象,[实参列表])

* 3.bind(执行环境对象,实际参数)(实际参数)

*

* 2.函数调用的方式

* 1.函数名()

* 2.call();

* 3.apply()

* 4.bind()()

*/

var obj = {
    name: 'terry',
    sayName: function() {
        console.log(this, this.name)
    }
}
var obj1 = {
    name: "larry",
    sayName: function() {
        console.log(this, this.name)
    }
}

var obj3 = {
    name: 'bob',
    sayName: function() {
        console.log(this, this.name)
    }
}
var obj4 = {
    name: "alex",
    sayName: function() {
        console.log(this, this.name)
    }
}
obj.sayName();
obj1.sayName();
// 1. 修改this指向 call()
obj1.sayName.call(obj, 1, 2);
// 2. 修改this指向 apply()
obj1.sayName.apply(obj, [1, 2]);
// 3. 修改this指向 bind()() bind() 返回当前函数本身 bind()() 调用函数
console.log(obj1.sayName.bind(obj, 1, 2));

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值