this的指向及改变
this的指向
- 谁调用，指向谁 （指向当前调用的直接上级）
- 箭头函数的this指向调用它的上一级
改变this的指向 call,apply
call为fn提供了改变this的机会，此时的this也就是obj对象。
var name = "听风是风",
obj = { name: 'echo' };
function fn() {
console.log(this.name);
};//函数调用fn() //听风是风//函数应用fn.call(obj); //echo call为fn提供了改变this的机会，此时的this也就是obj对象。
call与apply的区别
call方法中接受的是一个参数列表，第一个参数指向this，其余的参数在函数执行时都会作为函数形参传入函数。
fn.call(this, arg1, arg2, ...);
而apply不同的地方是，除了第一个参数作为this指向外，其它参数都被包裹在一个数组中，在函数执行时同样会作为形参传入。
fn.apply(this, [arg1, arg2, ...]);
除此之外，两个方法的效果完全相同：
let o = { a: 1};
function fn(b, c) {
console.log(this.a + b + c);
};
fn.call(o, 2, 3); // 6fn.apply(o, [2, 3]); //6
关于bind
call与apply在改变this的同时，就立刻执行，而bind绑定this后并不会立马执行，而是返回一个新的绑定函数。当执行绑定函数时，this指向与形参在bind方法执行时已经确定了，无法改变。
let o = { a: 1};
function fn(b, c) {
console.log(this.a + b + c);
};
let fn1 = fn.bind(o, 2, 3);
fn1();//6
应用
我们都知道Math.max()方法能取到一组数字中的最大值，比如：
Math.max(1, 10); //10Math.min(1, 10); //1
那我们如何利用此方法求数组中最大最小呢，这里就可以利用apply的特性了：
Math.max.apply(null, [1, 2, 10]); //10
Math.min.apply(null, [1, 2, 10]); //1
在非严格模式下，当我们让this指向null，或者undefined时，this本质上会指向window,不过这里的null就是一个摆设，我们真正想处理的其实是后面的数组。
还记得在考虑兼容情况下怎么判断一个对象是不是数组吗？再或者是不是一个函数？利用Object.prototype.toString()结合call方法就能解决这个问题：
let a = [];let b = function () {};
Object.prototype.toString.call(a) === "[object Array]";//true
Object.prototype.toString.call(b) === "[object Function]//true
