Hướng dẫn static variable in javascript - biến tĩnh trong javascript

Thử nó

Cú pháp

static methodName() { /* … */ }
static propertyName [= value];

// Class static initialization block
static {

}

Ví dụ

Sử dụng các thành viên tĩnh trong các lớp học

Gọi các thành viên tĩnh từ một phương thức tĩnh khác

1. Gọi các thành viên tĩnh từ một hàm tạo lớp và các phương thức khác
2. Thông số kỹ thuật
3. Tính tương thích của trình duyệt web

class Triple {
  static customName = 'Tripler';
  static description = 'I triple any number you provide';
  static calculate(n = 1) {
    return n * 3;
  }
}

class SquaredTriple extends Triple {
  static longDescription;
  static description = 'I square the triple of any number you provide';
  static calculate(n) {
    return super.calculate(n) * super.calculate(n);
  }
}

console.log(Triple.description);            // 'I triple any number you provide'
console.log(Triple.calculate());            // 3
console.log(Triple.calculate(6));           // 18

const tp = new Triple();

console.log(SquaredTriple.calculate(3));    // 81 (not affected by parent's instantiation)
console.log(SquaredTriple.description);     // 'I square the triple of any number you provide'
console.log(SquaredTriple.longDescription); // undefined
console.log(SquaredTriple.customName);      // 'Tripler'

// This throws because calculate() is a static member, not an instance member.
console.log(tp.calculate());                // 'tp.calculate is not a function'

Gọi các thành viên tĩnh từ một phương thức tĩnh khác

Gọi các thành viên tĩnh từ một hàm tạo lớp và các phương thức khác

class StaticMethodCall {
  static staticProperty = 'static property';
  static staticMethod() {
    return `Static method and ${this.staticProperty} has been called`;
  }
  static anotherStaticMethod() {
    return `${this.staticMethod()} from another static method`;
  }
}
StaticMethodCall.staticMethod();
// 'Static method and static property has been called'

StaticMethodCall.anotherStaticMethod();
// 'Static method and static property has been called from another static method'

Thông số kỹ thuật

Tính tương thích của trình duyệt web

Một lớp học có thể tĩnh trong javascript?