適切なJavaScriptオブジェクト

Question

私は自習したJavaScriptをしばらく学習しており、私が作ったキャンバスゲームをリファクタリングし始めました。私のクラスの作成方法が「正しい」かどうかをチェックし、それらを書く方法。

私の質問は、JavaScriptでオブジェクトを作成するための最良の方法であり、どちらがより広く受け入れられているのか、それぞれが使いやすいかどうかです。

クラスの宣言：

これは私がJSで利用可能であった知らなかったものです。

class Person { 
    constructor(name) { 
     this.name = name; 
    } 
} 

let Me = new Person("John"); 

オブジェクトリテラル：

私は、これは一回限りのオブジェクトのために良いです伝えることができるものから。

let Me = { 
    type: "Person", 
    name: "John"; 
}; 

機能対象：

これが正しい名前であるかどうかは知らないが、私はそれを呼び出すために他に何かわかりません。

function Person(name) { 
    this.name = name; 

    this.sayName = function() { 
     return "Hi, my name is " + this.name; 
    }; 
} 

let me = new Person("John"); 

プロトタイプ：私は、彼らは既存のオブジェクトに追加機能を追加するために使用されている伝えることができるものから、

（つまり、JSの数はオブジェクトdefualt上で動作値のマッピング機能）

function Person(name) { 
    this.name = name; 
} 

Person.prototype.sayName = function() { 
    return "Hi, my name is " + this.name; 
}; 

let me = new Person("John"); 

Answer 1

すでにオブジェクトリテラルの欠点を特定しています。オブジェクトは1つだけ作成されます。しばしばこれがあなたが望むものですが、多くの共有オブジェクトを持つ複数のオブジェクトが必要なときは、関数を使いたいでしょう。

class構文は基本的にコンストラクタ+プロトタイプ構文の構文的砂糖です。彼らはほぼ同じことをしますが、違いはclassでより単純な構文といくつかの保護手段を提供しますが、下位互換性は低くなります。

内部で作成されたメソッドを持つコンストラクタは、通常は使用しないでください。違いについては、Use of 'prototype' vs. 'this' in JavaScript?を参照してください。