箭头函数
在 JavaScript 中,类中的箭头函数的 `this` 指向的是定义该箭头函数的上下文,而不是运行时的上下文。这与普通函数的行为不同,普通函数的 `this` 是在运行时动态绑定的。
当你在类中使用箭头函数时,箭头函数会继承外部作用域的 `this` 值,而不会创建自己的 `this`。因此,箭头函数的 `this` 指向的是定义该箭头函数的对象。
以下是一个示例:
class MyClass {
constructor() {
this.name = 'MyClass';
}
sayHello = () => {
console.log(this.name);
}
}
const myObj = new MyClass();
myObj.sayHello(); // 输出 "MyClass"
在上面的代码中,`sayHello` 方法是一个箭头函数,它继承了类 `MyClass` 的上下文,因此 `this` 指向的是类的实例 `myObj`。所以当你调用 `myObj.sayHello()` 时,输出的是 `MyClass`。
需要注意的是,类中的箭头函数在每个实例中都是共享的,它们不会为每个实例创建独立的函数副本。这与普通函数在每个实例中都是独立的行为不同。
上下文(context)
在 JavaScript 中,上下文(context)是指当前代码执行时所处的环境或作用域。上下文决定了代码中的关键字 `this` 的值。
在类中,上下文指的是类的实例对象。当你创建一个类的实例时,该实例就成为了类的上下文。类中的方法可以通过 `this` 来引用当前实例对象。
以下是一个示例:
class MyClass {
constructor() {
this.name = 'MyClass';
}
sayHello() {
console.log(this.name);
}
}
const myObj = new MyClass();
myObj.sayHello(); // 输出 "MyClass"
在上面的代码中,`MyClass` 是一个类,`myObj` 是该类的实例。在构造函数中,我们使用 `this.name` 将一个属性赋值给实例对象。然后,在 `sayHello` 方法中,我们使用 `this.name` 来引用实例对象的属性。
类中的方法可以访问实例对象的属性和方法,因为它们共享同一个上下文。这意味着 `this` 在方法中指向的是当前实例对象。
希望这能解答你的疑问。如果还有其他问题,请随时提问。