1

JavaScriptでObjectをnewして変数に入れて実行した時とnewしていないときで実行結果が同じになります。
実際どのような違いがあるのでしょうか。コード1,2,3の違いがよく分かりません。

■コード1
var myCar = new Object();
myCar.model = "Mustang";

alert(myCar.model);

■コード2
var myCar;
myCar.model = "Mustang";

alert(myCar.model);

■コード3
var myCar = {};
myCar.model = "Mustang";

alert(myCar.model);
3
  • 2
    コード2 は他と実行結果が異なるはずです(エラーになるはずです)。もう一度確認してみて下さい。
    – mjy
    Commented 2017年7月9日 12:51
  • コンストラクタ引数が空のnew Object(){}の結果に違いはありませんが、{}の場合、例えばvar obj = { model: "Mustang", other: "Other" }のような書き方ができます。
    – harry0000
    Commented 2017年7月10日 4:33
  • 1
    機能的違いはないと思いますが、去年node.jsでマイクロベンチした時はなぜか{}がnewより数倍高速でした。。
    – packet0
    Commented 2017年7月10日 11:30

1 件の回答 1

2

コード1とコード3は(私の知る限りでは)機能としての違いはありません。
コード1は、Object コンストラクタによるオブジェクトの作成で、
コード3は、オブジェクトリテラル({ })によるオブジェクトの作成で、
それぞれ作成されたオブジェクトの機能上の違いはないです。

//code 1:
var myCar1 = new Object();
myCar1.model = "Mustang";

console.log("myCar1 model:" + myCar1.model);

//code 3:
var myCar3 = {};
myCar3.model = "Mustang";

console.log("myCar3 model:" + myCar3.model);

コード2は、mjyさんも指摘しているようにエラーになるはずです。
明示的に初期化されていないためにmyCar2undefinedになっていて
undefinedはいわゆるオブジェクト型ではなくプロパティを設定できないためにエラーになります。
質問者さんが検証した時に、エラーにならなかった理由としては、
おそらく名前の重複とか何回か試してみたなどのためにすでに定義済みになっているためだと思います。

//code 2:
var myCar2;
console.log(myCar2);//undefined
myCar2.model = "Mustang";//"Cannot set property 'model' of undefined"のエラーになる(ブラウザによってエラーメッセージは異なる)

console.log("myCar2 model:" + myCar2.model);

※サンプルコードの変数名を重複しないように変更しています。また、alertをconsole.logに変更しました。(ポップアップ禁止をさけるためと結果が残るため)

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。