在js中this不是固定不变的,它会随着执行环境的改变而改变。this取什么值,是在执行时确认的,定义时无法确认。
this的调用大概分为五种场景:
1、浏览器里,在全局范围内的this 指向window对象;
2、在函数中,this永远指向最后调用他的那个对象;
3、构造函数中,this指向new出来的那个新的对象;
4、Call、apply、bind中的this被强绑定在指定的那个对象上;
5、箭头函数中this比较特殊,箭头函数this为父作用域的this,不是调用时的this.
前四种都是调用时确定,也就是动态的,而箭头函数的this指向是静态的,声明的时候就确定了下来;
call、apply、bind:
apply、call、bind都是js给函数内置的一些API,调用他们可以为函数指定this的执行,同时也可以传参。
区别:
Call和 apply 都可以改变this,会让函数立即执行,但传参的时候call 传的是字符串,apply传的是数组
Bind 不会改变数据。不会让函数立刻执行,调用的地方加一个括号。(如果想让函数立即执行,就给他一个参数,然后return一个值)