Head First JavaScriptプログラミング、第2版

第12章. 高度なオブジェクト構築：オブジェクトの作成

この作品はAIを使って翻訳されている。ご意見、ご感想をお待ちしている：[e-mail]

これまでは、オブジェクトを手作業で作ってきた。各オブジェクトについて、オブジェクト・リテラルを使って一つひとつのプロパティを指定してきた。小規模ならそれでもいいが、本格的なコードにはもっといいものが必要だ。そこでクラスの登場だ。クラスを使えば、もっと簡単にオブジェクトを作成することができ、同じ設計図に従ったオブジェクトを作成することができる。クラスを使えば、オブジェクト・コードをより簡潔に書くことができ、たくさんのオブジェクトを作成するときのエラーも少なくなる。では、始めよう。

オブジェクト・リテラルを使ってオブジェクトを作成する

本書ではこれまで、オブジェクトの作成にオブジェクト・リテラルを使ってきた。オブジェクト・リテラルを使えば、オブジェクトを文字通り書き出すことで作成できる。そう、文字通りだ：

let taxi = { 
    make: "Webville Motors",
    model: "Taxi",
    year: 1955,
    color: "yellow",
    passengers: 4,
    convertible: false,
    mileage: 281341, 
    started: false,

    start() { this.started = true;},
    stop() { this.started = false;},
    drive() {
         // drive code here
    }
};

オブジェクト・リテラルを使えば、コード内のどこにでもオブジェクトを作成することができる。しかし、たくさんのオブジェクトを作成する必要がある場合、例えばタクシーの車両を作成する場合、100種類ものオブジェクト・リテラルを入力する必要はないだろう。

脳力

タクシー・オブジェクトの作成について考えてみよう。オブジェクト・リテラルを使うと、他にどんな問題が起こるだろうか？

• 多くのタイピングで指が疲れている！

• 各タクシーが同じプロパティを持つことを保証できるか？もしミスやタイプミスをしたり、プロパティを省いたりしたらどうする？

• オブジェクト・リテラルの多さはコードの多さを意味する。ブラウザのダウンロード時間が遅くなるのではないか？ ...