js中的this有四种执行情况

• 作为构造函数执行

function Constructer (name) {this.name = name;
}
const construct = new Constructer('测试');
console.log(construct.name);
//思考一下new的过程中发生了什么？

• 作为对象函数执行

const obj = {name: '测试',logs: function () {console.log(this.name) // 测试}
}
obj.logs();

• 作为普通函数执行

function normalFunc (name, age) {console.log(this) // Windowalert(name + age)
}
normalFunc();

• 使用call、apply、bind执行
  这里我们使用这三个方法执行normalFunc方法，三者都能改变this指向

call(this, arg1, arg2,…)，这是我们实际开发中最常用的方法

normalFunc.call({ x: 100 }, 'zhangsan', 20);
//弹出 zhangsan20 打印 { x: 100 }

apply(this, args[])，用来处理数组比较多，第二个参数入参为数组

normalFunc.apply({ x: 100 }, ['zhangsan', 20])
//弹出 zhangsan20 打印 { x: 100 }

bind(this)，bind不会直接执行当前的函数，而是返回一个可执行函数

const bindFunc = normalFunc.bind({ x: 100 });
bindFunc('zhangsan', 20);
//弹出 zhangsan20 打印 { x: 100 }