JavaScriptでオブジェクトを作成する方法は何ですか

作成方法: 1. 「var オブジェクト名 = {属性名 1: 値 1, 属性名 2: 値 2,...};」ステートメントを使用します。 2. 「var オブジェクト名 =」ステートメントを使用します。新しい構築 関数名 (args);" ステートメント; 3. "Object.create (プロトタイプ オブジェクト、記述子)" ステートメントを使用します。

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

#JavaScript でオブジェクトを作成するには 3 つの方法があります:

• オブジェクトの直接量

• オブジェクトの構築

• Use Object.create

オブジェクトの直接数量

直接数量の使用は次のとおりです。高速オブジェクトの作成は、最も効率的で簡単な方法でもあります。具体的な使用法は次のとおりです:

var objectName = {
    属性名1 : 属性值1,
    属性名2 : 属性值2,
    ...
    属性名n : 属性值n
};

オブジェクト リテラルでは、属性名と属性値はコロンで区切られます。属性値には任意のタイプのデータを指定でき、属性名には JavaScript 識別子または文字列型の式。プロパティはカンマで区切られ、最後のプロパティの末尾にカンマは必要ありません。

例

次のコードでは、オブジェクト リテラルを使用して 2 つのオブジェクトを定義します。

var o = {  //对象直接量
    a : 1,  //定义属性
    b : true  //定义属性
}
var o1 = {  //对象直接量
    "a" : 1,  //定义属性
    "b" : true  //定义属性
}

オブジェクトの構築

new 演算子を使用してコンストラクターを呼び出し、インスタンス オブジェクトを構築します。具体的な使用法は次のとおりです。

var objectName = new functionName(args);

パラメータの説明は次のとおりです。

• objectName: 返されたインスタンス オブジェクト。

• functionName: コンストラクター。基本的には通常の関数と同じですが、戻り値を返す必要がなく、関数内でこれを使用して事前にアクセスできるインスタンス オブジェクトを返します。 。

• args: インスタンス オブジェクトの初期化構成パラメーターのリスト。

#例

次の例では、さまざまなタイプのコンストラクターを使用してさまざまなインスタンスを定義します。

var o = new Object();  //定义一个空对象
var a = new Array();  //定义一个空数组
var f = new Function();  //定义一个空函数

Object.create を使用する

Object.create は ECMAScript 5 の新しい静的メソッドで、インスタンス オブジェクトの作成に使用されます。 。このメソッドでは、オブジェクトのプロトタイプとオブジェクトのプロパティを指定できます。具体的な使用法は次のとおりです。

Object.create(prototype, descriptors)

パラメータの説明は次のとおりです。

prototype: プロトタイプ オブジェクトを指定する必須パラメータ。null にすることもできます。
• descriptors: オプションのパラメーター。1 つ以上のプロパティ記述子を含む JavaScript オブジェクト。プロパティ記述子にはデータ プロパティとアクセサー プロパティが含まれます。データ プロパティについては以下で説明します。
• value: 属性値を指定します。
• writable: デフォルトは false で、属性値が書き込み可能かどうかを設定します。
• enumerable: デフォルトは false で、プロパティが列挙可能 (for/in) かどうかを設定します。
• 構成可能: デフォルトは false で、属性の特性を変更したり、属性を削除したりできるかどうかを設定します。

Accessor プロパティには 2 つのメソッドがあり、簡単に説明すると次のとおりです。

• set(): 属性値を設定します。

• get(): 属性値を返します。

例

次の例では、Object.create を使用してオブジェクトを定義し、null を継承し、サイズと形状の 2 つの列挙可能な属性が含まれています。 「大きい」「丸い」です。

var newObj = Object.create (null, {
    size : {  //属性名
        value : "large",  //属性值
        enumerable : true  //可以枚举
    },
    shape : {  //属性名
        value : "round",  //属性值
        enumerable : true  //可以枚举
    }
});
console.log(newObj.size);  //large
console.log(newObj.shape);  //round
console.log(Object.getPrototypeOf(newObj));  //null

【関連する推奨事項:

JavaScript 学習チュートリアル】

以上がJavaScriptでオブジェクトを作成する方法は何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。