ホームページ > ウェブフロントエンド > jsチュートリアル > ES6のClassクラスの静的メソッド

ES6のClassクラスの静的メソッド

小云云
リリース: 2018-01-19 16:42:58
オリジナル
1625 人が閲覧しました

この記事は、ES6 の Class クラスの静的メソッドを主に紹介し、サンプル フォームと組み合わせて、ES6 の Class クラスの静的メソッドの使用法と関連する注意事項を簡単にまとめて分析しています。皆さんのお役に立てれば幸いです。

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

クラス内で定義されたすべてのメソッドはインスタンスによって継承されます。メソッドの前に static キーワードを追加すると、メソッドはインスタンスによって継承されず、クラスを通じて直接呼び出されます。これは「静的メソッド」と呼ばれます


1

2

3

4

5

6

7

8

9

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()) で直接呼び出すことができることを示しています。静的メソッドがインスタンスで呼び出される場合、メソッドが存在しないことを示すエラーがスローされます。

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


1

2

3

4

5

6

7

8

class Foo {

  static classMethod() {

    return 'hello';

  }

}

class Bar extends Foo {

}

Bar.classMethod(); // 'hello'

ログイン後にコピー

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

関連する推奨事項: ES6 の class キーワードの詳細な説明

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

関連ラベル:
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート