ES6 JavaScript でクラスの静的メソッド、属性、インスタンス属性を使用する方法-jsチュートリアル-php.cn

ES6 JavaScript でクラスの静的メソッド、属性、インスタンス属性を使用する方法

php中世界最好的语言

リリース： 2017-12-31 11:36:45

オリジナル

1697 人が閲覧しました

今回紹介するのは、ES6 javascript のクラスの static メソッド、属性、およびインスタンス属性です。この記事は優れた分析を提供します。

クラスはインスタンスのプロトタイプに相当し、クラス内で定義されたすべてのメソッドはインスタンスに継承されます

。メソッドの前に static キーワードを追加すると、メソッドがインスタンスに継承されないことを意味します。代わりに、「静的メソッド」と呼ばれるクラスを通じて直接呼び出されます。

class Foo {
  static classMethod() {
    return &#39;hello&#39;;
  }
}
Foo.classMethod() // &#39;hello&#39;
var foo = new Foo();
foo.classMethod()
// TypeError: foo.classMethod is not a function

ログイン後にコピー

上記のコードでは、クラス Foo の classMethod メソッドの前に static キーワードがあります。これは、メソッドが静的メソッドであり、クラス Foo で直接呼び出すことができることを示しています ( Foo.classMethod())、クラス Foo のインスタンスで呼び出す代わりに。静的メソッドがインスタンスで呼び出される場合、メソッドが存在しないことを示すエラーがスローされます。

親クラスの静的メソッドはサブクラスに継承できます。

class Foo {
  static classMethod() {
    return &#39;hello&#39;;
  }
}
class Bar extends Foo {}
Bar.classMethod(); // &#39;hello&#39;

ログイン後にコピー

上記のコードでは、親クラス Foo には静的メソッドがあり、サブクラス Bar はこのメソッドを呼び出すことができます。

静的メソッドはスーパーオブジェクトから呼び出すこともできます。

class Foo {
  static classMethod() {
    return &#39;hello&#39;;
  }
}
class Bar extends Foo {
  static classMethod() {
    return super.classMethod() + &#39;, too&#39;;
  }
}
Bar.classMethod();

ログイン後にコピー

上記の紹介を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。