公開日： 2018/10/15
最終更新日：2018/10/15

【JavaScript】オブジェクト(クラス)定義とインスタンス化のサンプル

JavaScript

//=====Customerオブジェクトの定義=====
//コンストラクター
var Customer = function(customerId = '0000', name = 'default') {
    this.customerId = customerId;
    this.name = name;
};
//メソッドの定義
Customer.prototype = {
    getCustomerId : function() {
        return this.customerId;
    },
    getName : function() {
        return this.name;
    },
    //メンバ変数を列挙する
    printInfo : function() {
        for (var prop in this) {
            if (this[prop].toString().match(/function?\{?\}?/)) { continue; }   //functionは除外
            console.log(`${prop} = ${this[prop]}\n`);
        }
    }
};

//引数をフルで指定
var cutomer1 = new Customer('0001', '太郎');
cutomer1.printInfo();
//【表示結果】
//customerId = 0001
//name = 太郎

//customerIdのみ指定
var cutomer2 = new Customer('0002');
cutomer2.printInfo();
//【表示結果】
//customerId = 0002
//name = default

//=====Customerオブジェクトの定義=====

//コンストラクター

var Customer = function(customerId = '0000', name = 'default') {

this.customerId = customerId;

this.name = name;

};

//メソッドの定義

Customer.prototype = {

getCustomerId : function() {

return this.customerId;

getName : function() {

return this.name;

//メンバ変数を列挙する

printInfo : function() {

for (var prop in this) {

if (this[prop].toString().match(/function?\{?\}?/)) { continue; } //functionは除外

console.log(`${prop} = ${this[prop]}\n`);

}

};

//引数をフルで指定

var cutomer1 = new Customer('0001', '太郎');

cutomer1.printInfo();

//【表示結果】

//customerId = 0001

//name = 太郎

//customerIdのみ指定

var cutomer2 = new Customer('0002');

cutomer2.printInfo();

//【表示結果】

//customerId = 0002

//name = default

カテゴリー: IT, プログラミング

タグ　　　: JavaScript

オススメ記事

PREV: 【JavaScript】インポートのサンプル
NEXT: 【JavaScript】オブジェクトの型を判定する4つの方法

【JavaScript】オブジェクト(クラス)定義とインスタンス化のサンプル

オススメ記事

RSS

人気の投稿とページ

カテゴリー