JavaScript的call、apply、bind

this指向问题:
普通函数中的this:指向window
事件函数中的this:指向事件源
构造函数中的this:指向实例对象
具体对象中的this:指向当前对象

call、apply、bind能修改函数的this指向

var stu={
	name:'zs'
}
function fn(){
	console.log(this); 
	//正常情况下this指向window
	//怎么让this指向stu对象?
}
fn();

//call调用fn函数,修改this指向
//参数1:this所要指向的对象
//参数2,3……:函数的实参
//fn.call(参数1,参数2,参数3); 
fn.call(stu,1,2);

//apply调用fn函数,修改this指向
//参数1:this所要指向的对象
//参数2,3……:函数的实参**以数组的形式传递**
//fn.call(stu,[1,2]);
fn.apply(stu,[1,2,3]);

//bind不会直接调用函数,返回一个新的函数,修改了this的指向
//fn.bind(参数1,参数2,参数3)
//参数1:this所要指向的对象
//参数2,3……:函数的实参
//fn.call(参数1,参数2,参数3); 
var fn1 = fn.bind(stu,1,2);
fn1();	//可以这样调用

三个函数的区别:

call和apply都可以直接调用函数
call直接书写参数
apply实参是数组的形式
bind不会直接调用函数,而是返回一个新的函数

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值