js中关于普通函数与箭头函数this指向

//普通模式 普通函数
//严格模式 普通函数
//1.谁调用这个函数或者方法this就指向谁
function fn(){
	console.log(this);
}
fn();  //window
var obj = {
	name:"kenny",
	fn:function(){
		console.log(this);
	}
}
obj.fn();  //obj
oBtn.onclick = function(){
	console.log(this);//oBtn
}


//普通模式 箭头函数
//2.箭头函数中 this指向箭头函数所在环境中的this

//this指向的三个方法 call apply bind 改变this的指向问题
var obj1 = {
	name:"kenny",
	sayHello:function(x,y,z){
		console.log(this+x+y+z);
	}
};
var obj2 = {
	name:"shily",
}
obj1.sayHello.call(obj2,1,2,3);  //把obj1的方法给到obj2  同时改变了this的指向 指向obj2(call的第一个参数) call的参数是参数列表形式
obj1.sayHello.apply(obj2,[1,2,3]);   //apply的参数是数组形式
obj1.sayHello.bind(obj2)();

//apply的灵活应用
//取数组中的最小值
var arr =[11,343,54,5,89,90];
console.log(Math.min(arr));//NaN
console.log(Math.min.apply(null,arr));  //5
console.log(arr.indexOf(5));  //3
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值