this, call, apply, bind详解

1.this

1)this的指向
在ES5中,this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,this的指向永远指向它最后调用的那个对象

2)this指向的三种情况
  1.如果一个函数中有this,但是它没有被上一级的对象所调用,那么this指向的就是window,这里需要说明的是在js的严格版中this指向的不是window而是undefined。
  2.如果一个函数中有this,这个函数有被上一级的对象所调用,那么this指向的就是上一级的对象。
  3.如果一个函数中有this,这个函数中包含多个对象,尽管这个函数是被最外层的对象所调用,this指向的也只是它上一级的对象
  
3)构造函数中的this

function Fn(){
this.user = "qianqian";
}
var a = new fn;
console.log(a.user)  //qianqian

函数Fn里面的user是因为new关键字可以改变this的指向,将这个this指向对象a,之所以说a是对象,是因为new关键字就是创建一个对象实例,此时仅仅只是创建,并没有执行,而调用这个函数Fn的是对象a,那么this指向的就是对象a,a中会有user,用了new关键字就等同于复制了一份。
4)当this遇到return
 如果返回值是一个对象,那么this指向的就是那个返回的对象,如果返回值不是一个对象那么this还是指向函数的实例。
 为什么this会指向a?   首先new关键字会创建一个空的对象,然后会自动调用一个函数apply方法,将this指向这个空对象,这样的话函数内部的this就会被这个空的对象替代。 当你new一个空对象的时候,js内部的实现并不一定是用的apply方法来改变this指向的
5)改变this的指向
使用 ES6 的箭头函数
箭头函数的 this 始终指向函数定义时的 this,而非执行时。箭头函数中没有 this 绑定,必须通过查找作用域链来决定其值,如果箭头函数被非箭头函数包含,则 this 绑定的是最近一层非箭头函数的 this,否则,this 为 undefined
在函数内部使用 _this = this
使用 apply、call、bind
apply() 方法调用一个函数, 其具有一个指定的this值,以及作为一个数组(或类似数组的对象)提供的参数
apply 和 call 基本类似,他们的区别只是传入的参数不同。call 方法接受的是若干个参数列表,而 apply 接收的是一个包含多个参数的数组。
bind()方法创建一个新的函数, 当被调用时,将其this关键字设置为提供的值,在调用新函数时,在任何提供之前提供一个给定的参数序列
new 实例化一个对象

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值