JavaScript でクラスを使用できますか?-フロントエンドQ&A-php.cn

JavaScript でクラスを使用できますか?

WBOY

リリース： 2022-10-20 14:03:41

オリジナル

2315 人が閲覧しました

クラスは JavaScript で使用できます。クラスは関数ですが、初期化にキーワード関数を使用する代わりに、キーワードクラスを使用し、クラスオブジェクトが初期化されるたびに、constructor() メソッドで属性を割り当てます。、constructor() メソッドが呼び出され、構文は「class className{constructor(){...}}」です。

JavaScript でクラスを使用できますか?

このチュートリアルの動作環境: Windows 10 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

クラスは JavaScript で使用できます

クラスは関数ですが、キーワード関数を使用して初期化する代わりに、キーワードクラスを使用し、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 でクラスを使用できますか?