#57 JavaScriptの学習 コンストラクタの引数の利用

JavaScriptのクラスについて、クラスの定義・インスタンスの生成・コンストラクタの活用をしていく上で「引数」を利用することを学びましょう。初心者にやさしい解説を行います。

コンストラクタとプロパティ

コンストラクタ内にプロパティを設定できますが、固定の値であれば使い勝手がよくないことがありますよね。例えば、「Food」クラスにインスタンスを生成する際にインスタンスの「名前」を固定して決めてしまうプロパティにすると、クラスが意味をなさなくなります。

例えばこのような記述です。



class Food {
    constructor() {
        this.name = 'ハンバーグ';
    }
}

// インスタンスを生成する
const meat = new Food();
// プロパティ値を取り出す
console.log(meat.name);
// →ハンバーグ

Foodのクラスにmeatというインスタンスを生成しました。このインスタンスはプロパティ値のハンバーグということで生成したのであれば問題ないですが、これから生成するすべてのインスタンスに「ハンバーグ」という値が備わるということです。この値と関係ないインスタンスを生成することもあるでしょう。クラス内のプロパティはすべてのインスタンスに共通して取りうる値にするのが理想です。しかしそれも難しいですね。それを解決するのが「引数」というルールです。

コンストラクタの引数

要するに、プロパティの値が変数であればいいのです。コンストラクタに「引数」を与えて、プロパティの値がインスタンスを生成するたびに変われば問題ありませんね。

例えばこのような記述です。



class Food {
    constructor(name_value, special) {        //引数「name_value」と「special」が
        this.name = name_value;               //←「name」「point」プロパティの値に代入される
        this.point = special;
    }
}
const meat = new Food('ハンバーグ', 'チーズ')  //←引数「ハンバーグとチーズ」が↑コンストラクタの「name_valueとspecial」に代入される
const result = 'この' + meat.name + 'は' + meat.point + 'が特徴です';
console.log(result);
//→このハンバーグはチーズが特徴です

このようにインスタンスを生成する際に引数を与えて、その引数によってプロパティの値を変えることが出来るので、問題が解消されたはずです。引数をきちんと使うことが大事なのです。