Jaka jest różnica między zmienną, a właściwością obiektu?

Question

Cześć, ostatnio zacząłem naukę JavaScriptu i mam pytanie. Na początek prosta funkcja:

var myFunction = function(){
    var myValue1 = 15;
    var myValue2 = myValue1;
    return myValue2;
}

Wszystko działa ok, wartość myValue1 jest kopiowana i przypisywana do myValue2. Konsola w momencie wywołania funkcji zwraca wynik 15. Teraz podobna sytuacja w przypadku obiektu. Chcę przypisać jedną właściwość (zmienną?) do drugiej:

var myObject = {
	myValue1: 15, 
	myValue2: myValue1
}

W tym przypadku otrzymuję błąd na starcie - ReferenceError: myValue1 is not defined. Pomyślałem, że w momencie tworzenia obiektu myObject, myValue1 faktycznie nie istnieje, więc zrobiłem to samo konstruktorem obiektu:

var myObject = new Object();
myObject.myValue1 = 15;
myObject.myValue2 = myObject.myValue1;

Tutaj wszystko dzieje się po kolei, najpierw jest tworzona właściwość myValue1, a potem myValue2. Wszystko działa. Dlaczego w pierwszym przypadku nie zadziałało? Przecież "właściwość to zmienna w obiekcie", dlaczego w notacji literału nie zachowuje się jak zmienna lokalna? Dlaczego w funkcji, która podobno też jest obiektem coś takiego działa?

Answer 1

Odpowiedź jest prosta i można by tu przytoczyć komunikat błędu myValue1 is not defined bo do takiej zmiennej się odwołujesz, ale jak już zrobisz tak:

var myValue1 = 1;

var myObject = {
	myValue1: 15, 
	myValue2: myValue1
}

to zmienna istnieje i całość zadziała ale nie o to ci chodziło, więc możesz spróbować tak:

var myObject = {
	myValue1: 15, 
	myValue2: this.myValue1
}

console.log(myObject);

ale dostaniesz w  odp: Object { myValue1: 15, myValue2: undefined }

rozwiązaniem jest skorzystanie z konstruktora:

function Klasa() {
	this.myValue1 = 15, 
	this.myValue2 = this.myValue1
}

var myObject = new Klasa();

console.log(myObject);

i teraz działa jak należy

Comments

Czysto naukowo można tak (ale nie rób tak nigdy ;) ):

var myObject = {
	myValue1: 15, 
	myValue2: myObject.myValue1
}

console.log(myObject);

 

---

Super, dzięki! 

Answer 2

Zmienna w JS jest typem prostym, natomiast obiekt typem referencyjnym. Oznacza, że przypisując jedną zmienną do drugiej, jest tworzona jej kopia. Jeśli zmienisz wartość jednej zmiennej, to w drugiej pozostanie wartość nie zmieniona.

Natomiast w typach referencyjnych jest tworzony adres, prowadzący do obiektu. Jeśli usuniemy wszystkie adresy, obiekt zostanie usunięty z pamięci.