【this指向 强制改变this指向call bind apply】

this指向

this指向不是一成不变的 它会随着执行环境改变而改变
            1. 全局中指向window
			2. 构造函数中,this指向new出来的实例;比如说vue内的this都指向 vue的实例化
			3. 箭头函数不会改变this指向;我通常在请求数据请求回来接受数据的时候,会写成箭头函数
			4. 函数中 this指向最后调用的; 函数在声明的时候是没有this指向的,只有在调用的时候才会有this指向 并且谁最后调用指向谁
			5. 原生dom点击事件内的this指向点击的元素
           document.querySelector('button').onclick = function(){
				console.log(this)   //button触发事件的标签
			}
			document.querySelector('button').addEventListener('click',function(){
				console.log(this)  //button触发事件的标签
			})
			
			document.querySelector('button').addEventListener('click',()=>{
				console.log(this)  //Window 
			})
			

当我写代码的时候,通常情况下,我直接 写一个 let vm = this;

强制性改变this指向:call bind apply

1.call和 apply会直接调用函数,而bind不会调用函数,需要函数重新调用

2. 参数的区别:
				.call(this的指向,参数1,参数2.....)
				.apply(this指向,[参数1,参数2.....])
				.bind(this指向)(参数1,参数2.。。。。)
let obj = {
				name: '2111B',
				age: 9
			}
			
			function fn1(a,b,c){
				console.log(this,a,b,c)
			}
			
			fn1() //window
			
			fn1.call(obj,1,2,3)
			fn1.apply(obj,[1,2,3])
			
			fn1.bind(obj)(1,2,3)


// 	{name: '2111B', age: 9} 1 2 3
//  {name: '2111B', age: 9} 1 2 3
//  {name: '2111B', age: 9} 1 2 3
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值