javascript - es6类里的super，有些疑惑

问题描述

问 题

class A {
  constructor() {
    this.x = 1;
  }
}

class B extends A {
  constructor() {
    super();
    this.x = 2;
    super.x = 3;
    console.log(super.x); // undefined
    console.log(this.x); // 3
  }
}

let b = new B();

对两次console出来的结果不理解。
这段代码出自阮一峰的es6

解决方案

设置 super.x 时，x 属性被设置在 this 上（6.b. [[Set]] 4.d, 5.f），而 this 指向的是正在创建的 b 对象。

访问 super.x 时，依旧是相同的引用，GetValue 调用的了上级类的 [[Get]] 方法，走到了 4.c 就返回了 undefined，并没有 Receiver（this 对象）的什么事。

---

PS: JavaScript 真是复杂而又奇怪啊。

这篇关于javascript - es6类里的super，有些疑惑的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！