你不知道的JS系列 ( 23 ) － this 绑定优先级

2021-04-09 21:29

阅读：542

标签：优先 color bar 总结 s系列 his var 调用优先级

我们首先来看下隐式绑定和显示绑定哪个优先级更高

function foo(){
　　console.log(this.a)
}
var obj1 = {
　　a: 2,
　　foo: foo
}
var obj2 = {
　　a: 3,
　　foo: foo
}

obj1.foo(); // 2
obj2.foo(); // 3

obj1.foo.call(obj2); // 3
obj2.foo.call(obj1); // 2

这个例子可以看到，显示绑定优先级比隐式绑定更高。

现在我们需要搞清楚 new 绑定和隐式绑定的优先级谁高

function foo(something) {
　　this.a = something
}
var obj1 = {
　　foo: foo
}
var obj2 = {
}

obj1.foo(2);
console.log(obj1.a); // 2

obj1.foo.call(obj2, 3);
console.log(obj2.a); // 3

var bar = new obj1.foo(4);
console.log(obj1.a); // 2
console.log(bar.a); //4

这个例子可以看出 new 绑定比隐式绑定优先高，但是 new 绑定和显示绑定谁的优先级高呢？

new 和 apply/call 无法一起使用。但是隐式绑定中有 Funciton.prototype.bind();

function foo(something) {
　　this.a = something
}
var obj1 = {
}

var bar = foo.bind(obj1);
bar(2);
console.log(obj1.a); //2

var baz = new bar(3);
console.log(obj1.a); // 2
console.log(baz.a); // 3

new 修改了硬绑定调用 bar() 中的 this

总结：new > 显示绑定 > 隐式绑定 > 默认绑定

你不知道的JS系列 ( 23 ) － this 绑定优先级

标签：优先 color bar 总结 s系列 his var 调用优先级

原文地址：https://www.cnblogs.com/wzndkj/p/12440934.html

上一篇：js网页显示时间

下一篇：restframework api（基础3CBV）

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：你不知道的JS系列 ( 23 ) － this 绑定优先级
文章链接：http://soscw.com/index.php/essay/73501.html

亲，登录后才可以留言！

你不知道的JS系列 ( 23 ) － this 绑定优先级

评论

热门文章

推荐文章

最新文章

置顶文章