ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScriptのクラスとは何ですか?使い方?

JavaScriptのクラスとは何ですか?使い方?

不言
不言オリジナル
2018-12-24 11:18:569622ブラウズ

class は、JavaScriptのクラスとは何ですか?使い方?のクラスとは何ですか?使い方? の標準仕様である ECMAScript 2015 (ekma スクリプト) で採用されている JavaScriptのクラスとは何ですか?使い方?のクラスとは何ですか?使い方? クラスを扱うために使用されるキーワードです。国際機関によって標準化されており、Google Chrome や Internet Explorer 11 以降などの最新のブラウザで広く採用されています。

JavaScriptのクラスとは何ですか?使い方?のクラスとは何ですか?使い方?

#クラスを使用すると、JavaScriptのクラスとは何ですか?使い方?のクラスとは何ですか?使い方? でオブジェクト指向プログラミングを簡単に作成できます。

クラスの使い方を見てみましょう

基本的な手順は以下の通りです。 class キーワードの後に​​、変数とメソッドを角括弧内に設定します。

class { 
  设置变量和方法
  }

具体的な例を見てみましょう


コードは次のとおりです


<!DOCTYPE html>
<html>
  <head>
    <meta charset = "utf-8">
    <title>JavaScriptのクラスとは何ですか?使い方?のクラスとは何ですか?使い方?</title>
  </head>
  <body>
    <script>
      class Person {
        constructor(name) {
          this.name = name;
        }
        say() {
          console.log("你好," + this.name + "课程!");
        }
      }
      var x = new Person("玉女心经");
      x.say();
      var y = new Person("独孤九剑")
      y.say();
    </script>
  </body>
</html>

実行結果は次のとおりです


JavaScriptのクラスとは何ですか?使い方?のクラスとは何ですか?使い方?

上記のコードを分析してみましょう

class Person {
  constructor(name) {
    this.name = name;
  }
  say() {
    console.log("你好," + this.name + "课程!");
  }
}

class キーワードを使用して、「person」クラスを定義します。

括弧内で、「constructor」という名前のメソッドと「say」という名前のメソッドを定義します。

var x = new Person("玉女心经");
x.say();
var y = new Person("独孤九剑")
y.say();

インスタンスを作成するには、「new」キーワードを使用する必要があります。その際、クラスの「コンストラクター」メソッドが呼び出されます。

新規クラス完成時に別の名前を指定することで、sayメソッドで「翡翠少女般若心経」と「独具九剣」の文字列が出力されます。

この記事はここで終わります。さらに興味深い内容については、php 中国語 Web サイトの関連コラムに注目して学習してください。 ! !

以上がJavaScriptのクラスとは何ですか?使い方?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。