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 实例化一个对象