當我們在Javascript中重新聲明對象時會發生什麼？

Question

任何人都可以請解釋我爲什麼foo.bar是不確定的？ 根據我的理解，它應該已經打印3.如果我錯了，請糾正我。

這是代碼。

var bar = 1, 
    foo = {}; 

    foo: { 
     bar: 2; 
     baz: ++bar; 
    }; 

    foo.bar; //undefined 
    foo.baz; //undefined 

    bar; //2 

在此先感謝;

Answer 1

你有錯字是foo = {而不是foo: {。此外屬性必須用逗號,沒有分號獨立：

var bar = 1, 
 
    foo = {}; 
 

 
foo = { 
 
    bar: 2, 
 
    baz: ++bar 
 
}; 
 

 
console.log(foo.bar); //2 
 
console.log(foo.baz); //2 
 
console.log(bar); //2

也請看一看Object initializer

Answer 2

因爲你的語法是錯誤的。它應該是=賦值運算符初始化的變量javascript時：

var bar = 1, 
foo = {}; 

foo = { 
    bar: 2, 
    baz: ++bar, 
}; 

foo.bar; //2 
foo.baz; //2 

bar; //2 

DEMO

Answer 3

您還沒有重新聲明foo。您正在使用label。

你應該有

foo = { 
    bar: 2, 
    baz: ++bar 
};