js 中this绑定的五种方式

mac2022-06-30  27

本文总结自《你不知道javascript》

1 默认绑定

默认绑定是指,当直接调用函数,函数前面没有任何修饰的时候,默认将this绑定到当前函数上下文环境。

2 隐式绑定

将this绑定到上下文对象,例如,obj.foo(), foo函数的this即指向obj这个对象

需要注意的是,隐式绑定是将this绑定到离函数最近的对象上,例如,obj1.obj2.foo(),foo函数的this指向obj2

3 显式绑定

通过call,apply函数将this绑定到指定的对象.

4 new绑定

当我们通过new创建一个对象时,会自动执行下面的操作;

1 创建一个全新的对象

2 这个新的对象被进行[[原型]]连接

3 将this绑定到这个新的对象上

4 如果没有返回其他对象,者返回新建的对象。

第三步我们成为new绑定

二  new绑定和显式绑定的优先级

假如我们有这样一个函数:

var foo = function (val){ this.a = val } var bar = foo.bind(obj) var baz = new bar(2) console.log(baz.a) // 2

在上面的离职中,我们通过显式绑定将foo的this绑定到obj,通过new绑定将this绑定到新建的对象上,从输出结果来看,new绑定的优先级比显式绑定的优先级更高

 

最新回复(0)