Что происходит, когда мы делаем повторное объявление объекта в Javascript?

Question

Может ли кто-нибудь объяснить мне, почему foo.bar не определен? Как я понимаю, он должен был напечатать 3. Пожалуйста, поправьте меня, если я ошибаюсь.

Вот код.

var bar = 1, 
    foo = {}; 

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

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

    bar; //2 

Thanks in Advance;

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 
};