this指向与call/apply/bind

在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一个值)

this指向与call/apply/bind_第1张图片

 

你可能感兴趣的:(this指向与call/apply/bind)