[ゲーム開発] java script入門者 オブジェクトとクラスはどう使い分けるのか？

Question

下記の提示コードですがクラスとオブジェクトがありますがゲーム開発ではどう使い分けるのでしょうか？ゲームループを階層化する際に自分はクラスを使ってループしているのですが

参考サイト オブジェクト: https://developer.mozilla.org/ja/docs/Learn/JavaScript/Objects/Basics
参考サイト クラス: https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Classes

function setup()
{
    createCanvas(640,480);
}





const person = 
{
    name: ['Bob', 'Smith'],
    age: 32,
    gender: 'male',
    interests: ['music', 'skiing'],
    bio: function() {
      alert(this.name[0] + ' ' + this.name[1] + ' is ' + this.age + ' years old. He likes ' + this.interests[0] + ' and ' + this.interests[1] + '.');
    },
    greeting: function() {
      alert('Hi! I\'m ' + this.name[0] + '.');
    }
};

class test
{
    constructor()
    {

    }

    test()
    {
        console.log("あああ\n");
    }
};

function draw()
{
    background(51);

    ellipse(10,10,20,30);
}

Comments

[m.ts10806]

自身で書いたコードなら自身が一番良く知っているでしょうに。

[Zuishin]

使い分けるものではないですね。

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Classes
> クラスはオブジェクトを作成するためのテンプレートです。

Answer 1

昔はJavascriptにはclassは無かったんですが、他言語で普通に使えるclassというキーワードをJavascriptでも使いたいというニーズがあり、導入されました。

オブジェクトに項目やfunctionを持つやり方はお手軽で便利に機能しますが、newによってインスタンスを作れないので、単に「入れ物にまとめたもの」程度の意味合いしかありません。

const person1 = {
    name: "Bob",
    greeting: function() {
        alert('Hi! I\'m ' + this.name + '.');
    }
}

const person2 = {
    name: "Alice",
    greeting: function() {
        alert('Hi! I\'m ' + this.name + '.');
    }
}

class test {
    constructor(nm) {
        this.name = nm;
    }
    greeting() {
        alert('Hi! I\'m ' + this.name + '.');
    }
};

オブジェクトの場合、同じようなBobとAliceの為に、person1とperson2をそれぞれ別に定義するしかないですが、classの場合、テンプレを一つ作ればnewで複製できるので、関数の共通化が簡単になります。

const a = new test("Bob");
const b = new test("Alice");

// const c = new person1();  ※これはエラー。オブジェクトはnewできない

a.greeting();
b.greeting();
person1.greeting();
person2.greeting();

なので、「何か共通化したい内容がある」ならclass、「単に入れ物として持ちまわれれば十分」なら{} (オブジェクト)で使い分ければ良いと思いますが、極論するなら、「やりたい事が実現できるならどっちでもいい」です。
（「ゲーム開発において」という文脈はあまり関係ないと思います。何作るにしても、です。）

---

※ちなみに、このようにオブジェクトとクラスは機能が違うので対で考えるものではなく、Javascriptにおいてclassとの比較対象になるのはFunctionオブジェクトです。

ややこしいんですが、Javascriptのfunctionは、関数としての意味だけでなく、classのようなオブジェクトのテンプレとしての機能も持っていて、

function hoge(nm) {
   this.name = nm
}
hoge.prototype.greeting = function() {
   alert('Hi! I\'m ' + this.name + '.');
}

var d = new hoge('Taro')   // new 出来る！

d.greeting();

のように、まるでクラスのように扱えます。
これを「classを使ったクラスベースのオブジェクト指向」に対して「プロトタイプベースオブジェクト指向」と言い、Javascriptは「プロトタイプベースオブジェクト指向言語」と言われています。

ただ、現在はclassというキーワードが普通に使えるので、あえて今からプロトタイプベースを勉強しなくても、普通にclass使っておけばいいと思いますが、興味があるなら調べてみると、Javascriptに詳しくなれます。