1,JavaScript中的this与call/apply/bind的关系
1,在浏览器里,在全局范围内this 指向window对象;
2,在函数中,this永远指向最后调用他的那个对象;
3,构造函数中,this指向new出来的那个新的对象;
4,call、apply、bind中的this被强绑定在指定的那个对象上;
5,箭头函数中this比较特殊,箭头函数this为父作用域的this,不是调用时的this.要知道前四种方式,都是调用时确定,也就是动态的,而箭头函数的this指向是静态的,声明的时候就确定了下来;
6,apply、call、bind都是js给函数内置的一些API,调用他们可以为函数指定this的执行,同时也可以传参。
call/apply/bind的区别
1、apply()方法接受两个参数,一个是在其中运行函数的作用域,另一个是参数数组。所有参数都必须放在一个数组里面传进去
2、call()的使用和apply()基本是一样的,它们的唯一区别在于接收参数的方式不同,call()必须明确的传入每一个参数,传递给函数的参数必须逐个列举出来。 apply()的参数必须放入一个数组里面传进去
3、bind()的方法。这个方法会创建一个函数的实例,其this值会被绑定给传入bind()函数的值。除了返回是函数以外,它 的参数和 call 一样。