Як працює призначення змінної в JavaScript?

Тож я грав ще днями, щоб точно побачити, як працює масове призначення в JavaScript.

Спочатку я спробував цей приклад у консолі:

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

Результатом було відображення "смужки" у попередженні. Це досить справедливо aі bнасправді є лише псевдонімами одного і того ж об’єкта. Тоді я подумав, як я можу зробити цей приклад простішим.

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

Це майже те саме, чи не так? Ну, цього разу він повертається fooне так, barяк я б очікував від поведінки першого прикладу.

Чому це відбувається?

Примітка Цей приклад можна ще більше спростити за допомогою наступного коду:

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

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

(Я підозрюю, що JavaScript по-різному ставиться до примітивів, таких як рядки та цілі числа, до хешів. Хеші повертають вказівник, тоді як "core" примітиви повертають копію себе)

У першому прикладі ви встановлюєте властивість існуючого об'єкта. У другому прикладі ви призначаєте абсолютно новий об’єкт.

a = b = {};

aі bтепер вказують на той самий об’єкт. Отже, коли ви робите:

a.foo = 'bar';

Він встановлює b.fooтак само, як aі bвказує на один і той же об'єкт.

Однак!

Якщо ви робите це замість цього:

a = 'bar';

Ви говорите, що зараз aвказує на інший об’єкт. Це не впливає на те, на що aвказувалося раніше.

У JavaScript призначення змінної та призначення властивості - це дві різні операції. Найкраще думати про змінні як покажчики на об’єкти, і коли ви призначаєте безпосередньо змінну, ви не змінюєте жодних об’єктів, а просто перенаправляєте змінну на інший об’єкт.

Але присвоєння властивості, як-от a.foo, змінить об'єкт, на який aвказує. Це, звичайно, також змінює всі інші посилання, які вказують на цей об’єкт, просто тому, що всі вони вказують на один і той же об'єкт.

Squeegy на ваше запитання вже відповів - це не має нічого спільного з об'єктами проти примітивів, а з перепризначенням змінних та встановленням властивостей у тому ж посилальному об’єкті.

Здається, існує велика плутанина щодо типів JavaScript у відповідях та коментарях, тому ось невелике вступ до системи типів JavaScript:

У JavaScript є два принципово різних типи значень: примітиви та об'єкти (і такого поняття, як «хеш») немає.

Рядки, числа та булеві, а також nullі undefinedпримітивні предмети - це все, що може мати властивості. Навіть масиви та функції є звичайними об'єктами, тому вони можуть містити довільні властивості. Вони просто відрізняються внутрішнім властивістю [[Class]] (функції додатково мають властивість під назвою [[Call]] та [[Construct]], але так, це деталі).

Причина того, що примітивні значення можуть поводитись як об'єкти, пов’язані з автобоксінгом, але самі примітиви не можуть містити жодних властивостей.

Ось приклад:

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

Це дозволить отримати undefined: aмістить примітивне значення, яке отримує рекламу об'єкта при призначенні властивості foo. Але цей новий об'єкт негайно відкидається, тому значення fooвтрачається.

Подумайте про це так:

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

Ви більш-менш правильні, за винятком того, що ви називаєте "хеш" - це насправді лише скорочений синтаксис для Об'єкта.

У першому прикладі а і b позначають один і той же об'єкт. У другому прикладі, ви міняєте послатися на що - то інше.

ось моя версія відповіді:

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

Ви встановлюєте a, щоб вказувати на новий об’єкт рядка, тоді як b продовжує вказувати на старий об’єкт рядка.

У першому випадку ви змінюєте деяку властивість об'єкта, що міститься в змінній, у другому випадку ви присвоюєте нове значення змінній. Це принципово різні речі. Змінні aі bне якимось чином магічно пов'язані першим призначенням, вони просто містять один і той же об'єкт. Так само і у другому прикладі, поки ви не призначите bзмінному нове значення .

Різниця між простими типами та об'єктами.

Все, що є об'єктом (наприклад, масив або функція), передається шляхом посилання.

Копіюється все, що є простим типом (наприклад, рядок або число).

У мене завжди зручна функція copyArray, тому я можу бути впевнений, що я не створюю псевдонімів для того ж масиву.