Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/class below:

class - JavaScript | MDN

Baseline Widely available

class 声明创建一个绑定到给定名称的新类。

你也可以使用 class 表达式来定义类。

class Polygon {
  constructor(height, width) {
    this.area = height * width;
  }
}

console.log(new Polygon(4, 3).area);
// Expected output: 12

class name {
  // 类体
}
class name extends otherName {
  // 类体
}

类声明的类体在严格模式下执行。class 声明与 let 非常相似：

• class 声明的作用域既可以是块级作用域，也可以是函数作用域。
• class 声明只能在其声明位置之后才能访问（参见暂时性死区）。因此 class 声明通常被认为是不可变量提升的（与函数声明不同）。
• class 声明在脚本顶层声明时不会在 globalThis 上创建属性（与函数声明不同）。
• 在同一作用域内，class 声明不能被任何其他声明重复声明。

在类体外部，class 声明可以像 let 一样被重新赋值，但你应该避免这样做。在类体内部，类的绑定是常量，就像 const 一样。

class Foo {
  static {
    Foo = 1; // TypeError: Assignment to constant variable.
  }
}

class Foo2 {
  bar = (Foo2 = 1); // TypeError: Assignment to constant variable.
}

class Foo3 {}
Foo3 = 1;
console.log(Foo3); // 1

在以下示例中，我们首先定义了一个名为 Rectangle 的类，然后扩展它来创建一个名为 FilledRectangle 的类。

请注意，super() 只能在 constructor 中使用，并且必须在使用 this 关键字之前调用。

class Rectangle {
  constructor(height, width) {
    this.name = "矩形";
    this.height = height;
    this.width = width;
  }
}

class FilledRectangle extends Rectangle {
  constructor(height, width, color) {
    super(height, width);
    this.name = "填充矩形";
    this.color = color;
  }
}

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4