クラスは JavaScript で使用できます。クラスは関数ですが、初期化にキーワード関数を使用する代わりに、キーワード クラスを使用し、クラス オブジェクトが初期化されるたびに、constructor() メソッドで属性を割り当てます。 、constructor() メソッドが呼び出され、構文は「class className{constructor(){...}}」です。
このチュートリアルの動作環境: Windows 10 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。
クラスは関数ですが、キーワード関数を使用して初期化する代わりに、キーワード クラスを使用し、constructor() メソッドでプロパティを割り当てます。
クラス オブジェクトが初期化されるたびに、constructor() メソッドが呼び出されます。
注: 関数や他の JavaScript 宣言とは異なり、クラス宣言はホイストされません (クラスを使用するには、事前に宣言する必要があります)。
注: クラス内の構文は「厳密モード」で記述する必要があります。
構文は次のとおりです:
class className { // 类主体 }
class キーワードを使用してクラスを作成します。クラス本体は 1 組の中括弧 {} で囲まれています。クラス メンバーの場所は、中かっこ {}. 、メソッドやコンストラクターなど。
各クラスには、クラスのコンストラクターである特別なメソッドconstructor()が含まれており、このメソッドは、クラスによって作成されたオブジェクトの作成と初期化に使用されます。
例は次のとおりです:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> </head> <body> <h2>JavaScript 类</h2> <p>如何使用 JavaScript 类</p> <p id="demo"></p> <script> class Runoob { constructor(name, url) { this.name = name; this.url = url; } } let site = new Runoob("好好学习", "http://www.php.cn"); document.getElementById("demo").innerHTML = site.name + ":" + site.url; </script> </body> </html>
出力結果:
#[関連する推奨事項:javascript ビデオ チュートリアル、ウェブフロントエンド]
以上がJavaScript でクラスを使用できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。