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

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

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

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

class Foo {
  static classMethod() {
    return 'hello';
  }
}
Foo.classMethod() // 'hello'
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 'hello';
  }
}
class Bar extends Foo {}
Bar.classMethod(); // 'hello'

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

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

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

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

関連書籍:

jQuery を使用して配列の重複排除と並べ替えを行う

Vue のカスタム命令を使用してドロップダウン メニューを完成させる方法

ナビゲーション コンポーネントの使用方法、react-navigation

以上がES6 JavaScript でクラスの静的メソッド、属性、インスタンス属性を使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。