Hướng dẫn can we use static in javascript? - chúng ta có thể sử dụng tĩnh trong javascript không?

Từ khóa static xác định một phương thức hoặc thuộc tính tĩnh cho một lớp hoặc khối khởi tạo tĩnh (xem liên kết để biết thêm thông tin về việc sử dụng này). Cả các phương thức tĩnh và tính chất tĩnh đều không thể được gọi trên các trường hợp của lớp. Thay vào đó, họ được gọi vào chính lớp.static keyword defines a static method or property for a class, or a static initialization block (see the link for more information about this usage). Neither static methods nor static properties can be called on instances of the class. Instead, they're called on the class itself.

Các phương thức tĩnh thường là các hàm tiện ích, chẳng hạn như các hàm để tạo hoặc sao chép các đối tượng, trong khi các thuộc tính tĩnh rất hữu ích cho bộ nhớ cache, cấu hình cố định hoặc bất kỳ dữ liệu nào khác mà bạn không cần được sao chép trên các trường hợp.

Lưu ý: Trong bối cảnh của các lớp, Nội dung tài liệu web MDN sử dụng các thuộc tính và trường thuật ngữ có thể thay thế cho nhau. In the context of classes, MDN Web Docs content uses the terms properties and fields interchangeably.

Thử nó

Cú pháp

class ClassWithStatic {
  static staticField;
  static staticFieldWithInitializer = value;
  static staticMethod() {
    // …
  }
}

Ví dụ

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

Ví dụ sau đây cho thấy một số điều:

  1. Làm thế nào một thành viên tĩnh (phương thức hoặc thuộc tính) được xác định trên một lớp.
  2. Rằng một lớp với một thành viên tĩnh có thể được phân lớp phụ.
  3. Làm thế nào một thành viên tĩnh có thể và không thể được gọi.

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 một phương thức hoặc thuộc tính tĩnh trong một phương thức tĩnh khác của cùng một lớp, bạn có thể sử dụng từ khóa this.

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'

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

Các thành viên tĩnh không thể truy cập trực tiếp bằng cách sử dụng từ khóa this từ các phương thức không tĩnh. Bạn cần gọi cho họ bằng tên lớp: CLASSNAME.STATIC_METHOD_NAME() / CLASSNAME.STATIC_PROPERTY_NAME hoặc bằng cách gọi phương thức là thuộc tính của constructor:

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'
0 /
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'
1

class StaticMethodCall {
  constructor() {
    console.log(StaticMethodCall.staticProperty); // 'static property'
    console.log(this.constructor.staticProperty); // 'static property'
    console.log(StaticMethodCall.staticMethod()); // 'static method has been called.'
    console.log(this.constructor.staticMethod()); // 'static method has been called.'
  }

  static staticProperty = 'static property';
  static staticMethod() {
    return 'static method has been called.';
  }
}

Thông số kỹ thuật

Sự chỉ rõ
Đặc tả ngôn ngữ Ecmascript # Sec-Class-Deellitions
# sec-class-definitions

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

Bảng BCD chỉ tải trong trình duyệt

Xem thêm

Bạn có thể sử dụng tĩnh trong javascript không?

Phương pháp lớp tĩnh được xác định trên chính lớp. Bạn không thể gọi một phương thức tĩnh trên một đối tượng, chỉ trên một lớp đối tượng.You cannot call a static method on an object, only on an object class.

Tĩnh có xấu trong JavaScript không?

Một phương pháp tĩnh không thể truy cập các thành viên cấp lớp không tĩnh, không phải của riêng nó, cũng như lớp cơ sở của nó..Phương pháp tĩnh là xấu cho khả năng kiểm tra.Static methods are bad for testability.

Làm thế nào bạn sẽ thực hiện một phương thức tĩnh trong JavaScript?

Chúng được giới thiệu trong ES6 cho phương pháp dành riêng cho lớp để lập trình hướng đối tượng trong JavaScript.Để khai báo một phương thức tĩnh, chúng tôi chỉ có thể sử dụng từ khóa tĩnh với chữ ký phương thức.Phương pháp tĩnh không được gọi trên thể hiện của lớp mà chúng được thực hiện để gọi trực tiếp trên lớp.use static keyword with the method signature. The static method are not called on the instance of class they are made to call directly on the class.

Tại sao không nên sử dụng tĩnh?

Các biến tĩnh thường được coi là xấu vì chúng đại diện cho trạng thái toàn cầu và do đó khó khăn hơn nhiều để lý luận.Cụ thể, họ phá vỡ các giả định của lập trình hướng đối tượng.they represent global state and are therefore much more difficult to reason about. In particular, they break the assumptions of object-oriented programming.