javascript this
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 }