ES6のクラスの静的メソッドの機能は何ですか

今回紹介するのは、ES6 クラスの static メソッドの機能とは何かということです。この記事では、優れた分析を提供します。

es6 については前に見たことがありますが、忘れていました。

クラスはインスタンスのプロトタイプに相当し、クラス内で定義されたすべてのメソッドはインスタンスによって継承されます。メソッドの前に 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 (Foo.classMethod()) で直接呼び出すことができることを示します。静的メソッドがインスタンスで呼び出される場合、メソッドが存在しないことを示すエラーがスローされます。

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

class Foo {
  static classMethod() {
    return 'hello';
  }
}
class Bar extends Foo {
}
Bar.classMethod(); // 'hello'

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

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

関連書籍:

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

JS を使用して、クリックしてログインしている個人メールボックスにジャンプする方法

の詳細な紹介require.js の使用

以上がES6のクラスの静的メソッドの機能は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。