Menu
CoddyTech

静态属性

本课属于 Coddy JavaScript 学习旅程的“面向对象编程”单元。第 32 课,共 56 课。

静态属性属于类本身,而不属于类的实例。所有实例共享这些属性。

定义一个具有静态属性的类:

class Counter {
  // 定义一个静态属性
  static count = 0;
  
  constructor() {
    // 每创建一个新实例,就将静态属性 count 加 1
    Counter.count++;
  }
}

使用类名访问静态属性:

console.log(Counter.count); // 0

// 创建几个实例
const counter1 = new Counter();
const counter2 = new Counter();

console.log(Counter.count); // 2

静态属性适用于所有实例共享的值或类级常量。例如:

class MathConstants {
  static GOLDEN_RATIO = 1.61803;
}

console.log(MathConstants.GOLDEN_RATIO); // 1.61803
challenge icon

挑战

向 MathConstants 类添加静态属性 PI 和 E:

  1. 静态属性 PI 设置为 3.14159
  2. 静态属性 E 设置为 2.71828

亲手试试

import { MathConstants } from './constants.js';

// 测试代码,请勿修改
console.log(MathConstants.PI);        // 应输出 3.14159
console.log(MathConstants.E);         // 应输出 2.71828
quiz icon自我测试

这节课包含一个小测验。开始学习即可作答,并记录你的进度。

面向对象编程中的所有课

自己练习: JavaScript 在线编译器