「ES6」クラスのコンストラクタの初期関数のサンプル

2021年10月13日

書式

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
class クラス名 {
constructor(引数1,引数2){
this.引数 =引数
}
}
class クラス名 { constructor(引数1,引数2){ this.引数 =引数 } }
class クラス名 {
  constructor(引数1,引数2){
   this.引数 =引数
  }
}

使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<script>
//クラスの定義
class User {
//初期化関数
constructor(name,age) {
this.name = name;
this.age = age;
}
}
//オブジェクトを生成 引数を渡す
var obj = new User("テスト太郎",32);
//オブジェクト内部のメンバ変数name
alert("ユーザ名: "+obj.name);
//オブジェクト内部のメンバ変数age
alert("年齢: "+obj.age);
</script>
<script> //クラスの定義 class User { //初期化関数 constructor(name,age) { this.name = name; this.age = age; } } //オブジェクトを生成 引数を渡す var obj = new User("テスト太郎",32); //オブジェクト内部のメンバ変数name alert("ユーザ名: "+obj.name); //オブジェクト内部のメンバ変数age alert("年齢: "+obj.age); </script>
<script>
//クラスの定義
class User {
  //初期化関数
  constructor(name,age) {
    this.name = name;
    this.age = age;
  }
}
//オブジェクトを生成 引数を渡す
var obj = new User("テスト太郎",32);
//オブジェクト内部のメンバ変数name
alert("ユーザ名: "+obj.name);
//オブジェクト内部のメンバ変数age
alert("年齢: "+obj.age);
</script>

実行結果
ユーザ名: テスト太郎
年齢: 32

ECMAScript/ES6

Posted by arkgame