logo

JavaScript statické klíčové slovo | Základní kód

JavaScript statické klíčové slovo se používá k definování statické metody nebo vlastnosti pro třídu nebo statického inicializačního bloku třídy. Statické metody a vlastnosti lze volat přímo ze třídy. Nepotřebují instance třídy.

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

// Class static initialization block
static {

}

Ke klíčovému slovu static lze přistupovat pouze v definici třídy. Aby bylo možné získat přístup ke klíčovému slovu static pro nestatické metody, je třeba je vyvolat pomocí názvu třídy. Pro volání statické metody v rámci jiné statické metody však můžeme použít toto klíčové slovo.

Statické klíčové slovo JavaScript

Jednoduchý příklad implementace kódu pro použití statického klíčového slova v rámci třídy:

<!DOCTYPE html>
<html>
<body>
  <script>    
   class A {  

    static displayName = "StaticName";

    static staticHello() {  
      return "Calling Static method.";  
    }  
  }  

  console.log(A.displayName);
  console.log(A.staticHello)
  console.log(A.staticHello())
</script>  

</body>
</html>

Výstup :

Podívejte se na další příklad:

class Rectangle {
  constructor(height, width) {
    this.height = height;
    this.width = width;
  }

  static displayName = "StaticName";
  static print(){
    return "Static method print() is called from Rectangle";
  }
}

console.log(Rectangle.displayName); // "StaticName"
console.log(Rectangle.print()); // "Static method print() is called from Rectangle"

Volání static vlastnost z instance třídy vrátí undefined :

let rec = new Rectangle(2, 3);

console.log(rec.displayName); // undefined
console.log(rec.print()); // rec.print is not a function

Napište komentář, pokud máte nějaké pochybnosti nebo návrhy ohledně tohoto statického výukového programu JS.

Poznámka: Všechny kódy příkladů JS jsou testovány v prohlížečích Firefox a Chrome.

OS:Windows 10

Kód:HTML 5 verze