Jak działa przypisywanie zmiennych w JavaScript?

Pewnego dnia bawiłem się więc tylko po to, aby zobaczyć dokładnie, jak działa przypisywanie masowe w JavaScript.

Najpierw wypróbowałem ten przykład w konsoli:

a = b = {};
a.foo = 'bar';
console.log(b.foo);

Rezultatem było wyświetlenie „słupka” w alercie. To jest w porządku ai btak naprawdę to tylko aliasy tego samego obiektu. Wtedy pomyślałem, jak mógłbym uprościć ten przykład.

a = b = 'foo';
a = 'bar';
console.log(b);

To prawie to samo, prawda? Cóż, tym razem nie wraca footak, barjak bym się spodziewał po zachowaniu pierwszego przykładu.

Dlaczego to się dzieje?

Uwaga Ten przykład można jeszcze bardziej uprościć za pomocą następującego kodu:

a = {};
b = a;
a.foo = 'bar';
console.log(b.foo);

a = 'foo';
b = a;
a = 'bar';
console.log(b);

(Podejrzewam, że JavaScript traktuje prymitywy, takie jak łańcuchy i liczby całkowite, inaczej niż skróty. Hashe zwracają wskaźnik, podczas gdy "podstawowe" prymitywy zwracają swoją kopię)

W pierwszym przykładzie ustawiasz właściwość istniejącego obiektu. W drugim przykładzie przypisujesz zupełnie nowy obiekt.

a = b = {};

ai bsą teraz wskaźnikami do tego samego obiektu. Więc kiedy to zrobisz:

a.foo = 'bar';

Ustawia b.foo również od tego samego obiektu ai bwskazuje na ten sam obiekt.

Jednak!

Jeśli zamiast tego zrobisz to:

a = 'bar';

ty to mówisz a wskazuje teraz na inny obiekt. Nie ma to wpływu na to, o czym amówiliśmy wcześniej.

W JavaScript przypisywanie zmiennej i przypisywanie właściwości to dwie różne operacje. Najlepiej jest myśleć o zmiennych jako o wskaźnikach do obiektów, a kiedy przypisujesz je bezpośrednio do zmiennej, nie modyfikujesz żadnych obiektów, a jedynie przenosisz zmienną na inny obiekt.

Ale przypisanie właściwości, na przykład a.foo, zmodyfikuje obiekt, na który awskazuje. To oczywiście modyfikuje również wszystkie inne odniesienia, które wskazują na ten obiekt, po prostu dlatego, że wszystkie wskazują na ten sam obiekt.

Na Twoje pytanie Squeegy odpowiedział już zadowalająco - nie ma to nic wspólnego z obiektami i prymitywami, ale z ponownym przypisaniem zmiennych a ustawieniem właściwości w tym samym obiekcie, do którego się odwołuje.

Wydaje się, że w odpowiedziach i komentarzach jest dużo niejasności co do typów JavaScript, więc oto małe wprowadzenie do systemu typów JavaScript:

W JavaScript istnieją dwa zasadniczo różne rodzaje wartości: prymitywy i obiekty (i nie ma czegoś takiego jak „hash”).

Ciągi, liczby i wartości logiczne, a także nulliundefined są prymitywami, obiekty są wszystkim, co może mieć właściwości. Nawet tablice i funkcje są zwykłymi obiektami i dlatego mogą mieć dowolne właściwości. Różnią się po prostu wewnętrzną właściwością [[Class]] (funkcje dodatkowo mają własność o nazwie [[Call]] i [[Construct]], ale cóż, to szczegóły).

Powodem, dla którego wartości pierwotne mogą zachowywać się jak obiekty, jest autoboxing, ale same prymitywy nie mogą mieć żadnych właściwości.

Oto przykład:

var a = 'quux';
a.foo = 'bar';
document.writeln(a.foo);

Spowoduje to undefined: aprzechowuje pierwotną wartość, która jest promowana do obiektu podczas przypisywania właściwości foo. Ale ten nowy obiekt jest natychmiast odrzucany, więc wartośćfoo jest tracona.

Pomyśl o tym w ten sposób:

var a = 'quux';
new String(a).foo = 'bar'; // we never save this new object anywhere!
document.writeln(new String(a).foo); // a completly new object gets created

Jesteś mniej więcej poprawny, z wyjątkiem tego, że to, co nazywasz „hashem”, jest w rzeczywistości skróconą składnią obiektu.

W pierwszym przykładzie a i b odnoszą się do tego samego obiektu. W drugim przykładzie zmieniasz a, aby odnosić się do czegoś innego.

oto moja wersja odpowiedzi:

obj = {a:"hello",b:"goodbye"}
x = obj
x.a = "bonjour"

// now obj.a is equal to "bonjour"
// because x has the same reference in memory as obj
// but if I write:
x = {}
x.a = obj.a
x.b = obj.b
x.a = "bonjour"

// now x = {a:"bonjour", b:"goodbye"} and obj = {a:"hello", b:"goodbye"}
// because x points to another place in the memory

Ustawiasz a, aby wskazywał na nowy obiekt łańcuchowy, podczas gdy b nadal wskazuje na stary obiekt string.

W pierwszym przypadku zmieniasz jakąś właściwość obiektu zawartego w zmiennej, w drugim przypisujesz zmiennej nową wartość. To są zasadniczo różne rzeczy. Zmienne ai bnie są w jakiś sposób magicznie połączone przez pierwsze przypisanie, po prostu zawierają ten sam obiekt. Dzieje się tak również w drugim przykładzie, dopóki nie przypiszesz nowej wartości bzmiennej.

Różnica dotyczy prostych typów i obiektów.

Wszystko, co jest obiektem (np. Tablica lub funkcja), jest przekazywane przez odniesienie.

Kopiowane jest wszystko, co jest prostym typem (np. Ciąg znaków lub liczba).

Zawsze mam pod ręką funkcję copyArray, więc mogę mieć pewność, że nie tworzę wielu aliasów do tej samej tablicy.