JavaScriptでオブジェクトを作成する6つの方法

オブジェクトは何ですか？

オブジェクトはJavaScriptのデータ型の1つです.オブジェクトは、プロパティのコレクションとして見ることができます.プロパティは、名前の値のペアです.
言い換えると、JavaScriptオブジェクトは、現実のオブジェクトまたは実体と非常に類似している何かです.
人を思う.名前や年齢のような性格が異なる.まあ人はJavaScriptオブジェクトとしてモデル化できます.
JavaScriptでオブジェクトを作成する方法はたくさんあります.

1 . object ()コンストラクタ

使用するObject() 空のオブジェクトを作成するコンストラクター.

オブジェクトのプロパティを設定します.

例:

// Use the `Object()` constructor to create an empty object
var person = Object();

// Set the object's properties
person.name = "John Doe";
person.age = 42;

作成方法

オブジェクト.create ()は、別のオブジェクトのプロトタイプからオブジェクトを作成するために使用できます.
例:

var person = Object.create(Person)

3 .オブジェクト初期化子

巻き毛括弧{ {}を書く.

すべてのプロパティを設定するname: value 巻き毛ブラケットの内側.

コンマを追加するname: value 対

これはオブジェクトリテラル(またはオブジェクト初期化子)と呼ばれ、オブジェクトを作成するために使用できます.
例:

var person = {
    name: "John Doe",
    age: 42
}

コンストラクタ関数

コンストラクタ関数を作成します.

コンストラクタ関数からオブジェクトを作成するには' new 'キーワードを使用します.

例:

// Create a Constructor Function
function Person() {
    this.name = "John Doe";
    this.age = 42;
}

// Use the 'new' keyword to create an object from the constructor function
var person = new Person();

EE 6クラス( JavaScript ES 6のみ)

コンストラクタメソッドを含むES 6クラスを作成します.

コンストラクターはオブジェクトのプロパティ値を引数として受け取ります.

例:

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

var person = Person("John Doe", 42);

Singletonオブジェクト

シングルトンは1回だけ作成できるオブジェクトです.2番目のオブジェクトを作成しようとすると、最初のオブジェクトへの参照が返されます.
例:

var person = new function(){
    this.name = "John Doe";
    this.age = 42;
}

結論

このブログ記事では、JavaScript内のオブジェクトを作成する6種類の方法を示しました.すべての開発者は、これらの方法を認識し、時間からの最も適切な方法を選択する必要があります.
これはすべてこのポストです.あなたがこのポストが好きであるならば、私が新しいポストを発表するとき、通知されるために、私とTwitterに従ってください.😊