本文将介绍一个高级主题,以便更好地理解某些边缘情况。
那并不重要。许多有经验的开发人员在不知情的情况下过得很好。如果你想知道事情是如何运作的,请继续读下去。
动态计算的方法调用可能会丢失这一点。
例如:
代码语言:javascript复制let user = {
name: "John",
hi() { alert(this.name); },
bye() { alert("Bye"); }
};
user.hi(); // works
// now let's call user.hi or user.bye depending on the name
(user.name == "John" ? user.hi : user.bye)(); // Error!
最后一行有一个条件操作符,用于选择其中任何一个user.hi或user.bye。在本例中,结果是user.hi。
然后立即用圆括号()调用该方法。但是它不能正常工作!
如您所见,调用会导致错误,因为调用中的“this”的值没有定义。
这个工作原理(对象点方法):
代码语言:javascript复制user.hi();
这无法运行
代码语言:javascript复制(user.name == "John" ? user.hi : user.bye)(); // Error!
为什么?如果我们想要理解为什么会发生这种情况,让我们来了解一下obj.method()调用是如何工作的。
引用类型解释
仔细观察,我们可能会注意到obj.method()语句中的两个操作:
- 首先是
.
检索obj.method
属性。 - 然后括号()执行它。
那么,关于这个的信息是如何从第一部分传递到第二部分的呢?
如果我们把这些操作放在单独的行中,那么这个肯定会丢失:
代码语言:javascript复制let user = {
name: "John",
hi() { alert(this.name); }
}
// split getting and calling the method in two lines
let hi = user.hi;
hi(); // Error, because this is undefined
这里hi = user.hi将函数放入变量中,然后在最后一行它是完全独立的,所以没有 this
为了让user.hi()调用起作用,JavaScript使用了一个技巧——点。'返回的不是函数,而是特殊引用类型的值。
引用类型是一个“规范类型”。我们不能明确地使用它,但它是由语言内部使用的。
引用类型的值是一个三值组合(base、name、strict),其中:
- base是对象。
- name是属性名。
- 如果使用strict有效,则strict为真。
属性访问user.hi的结果不是函数,而是引用类型的值。user.hi在严格模式下是:
代码语言:javascript复制// Reference Type value
(user, "hi", true)
当在引用类型上调用括号()时,它们接收到关于对象及其方法的完整信息,并可以设置正确的this
(在本例中为user
)。
引用类型是一种特殊的“中介”内部类型,用于从dot
传递信息。调用圆括号()。
任何其他操作,如赋值hi = user.hi
作为一个整体丢弃引用类型,取user.hi
(一个函数)并传递它。所以任何进一步的手术都会失去这个。
因此,作为结果,只有在使用点obj.method()
或方括号obj['method']()
语法直接调用函数时,this
的值才会以正确的方式传递(在这里它们做的是相同的)。有很多方法可以解决这个问题,比如function .bind()
。