[ES6]クラス定義のメソッドを定義するサンプル

2021年10月13日

書式
class クラス名 {
メソッド名(引数){処理コード}
}
使い方
var オブジェクト変数名 = new クラス名();
オブジェクト変数名.メンバ関数名()

使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<script>
//クラスの定義
class User {
//setメソッドの定義
setAddr(addr){
this.addr = addr + " tokyo"
}
//getメソッドの定義
getAddr() {
return this.addr
}
}
//オブジェクトを生成
var obj = new User();
//メンバ関数setAddrを呼び出す
obj.setAddr("東京");
//オブジェクト.メンバ関数名() の形式で呼び出す
alert(obj.getAddr());
</script>
<script> //クラスの定義 class User { //setメソッドの定義 setAddr(addr){ this.addr = addr + " tokyo" } //getメソッドの定義 getAddr() { return this.addr } } //オブジェクトを生成 var obj = new User(); //メンバ関数setAddrを呼び出す obj.setAddr("東京"); //オブジェクト.メンバ関数名() の形式で呼び出す alert(obj.getAddr()); </script>
<script>
//クラスの定義
class User {
   //setメソッドの定義
   setAddr(addr){
    this.addr = addr + " tokyo"
   }
   //getメソッドの定義
   getAddr() {
     return this.addr
   }
}
//オブジェクトを生成 
var obj = new User();
//メンバ関数setAddrを呼び出す
obj.setAddr("東京");
//オブジェクト.メンバ関数名() の形式で呼び出す
alert(obj.getAddr());

</script>

結果
東京 tokyo

ECMAScript/ES6

Posted by arkgame