JavaScript - 將多個變量設置爲對象屬性不會改變基礎值

Question

最近，我一直在使用JavaScript進行更多工作，我不明白爲什麼會發生以下情況。我沒有提供數百行代碼，而是創建了重現問題的場景。

問題：

設置多個變量的一個對象的屬性不會改變對象的潛在價值。

---

實施例：

DEMO

在以下示例中，我已經創建了兩個類：

//company 
function Company(name, subsidiary) { 
    var self = this; 
    self.name = name; 
    self.subsidiary = subsidiary; 
}; 

//subsidiary 
function Subsidiary(name, type) { 
    var self = this; 
    self.information = { 
     name: name, 
     type: type, 
     type2: type 
    }; 
} 

現在，我執行以下操作：

• 創建一個新的公司，並在構造函數中添加新的子公司：
• 定義與/子公司性質

//new company 
var company = new Company(
    'Company 1', [ 
     new Subsidiary('Subsidiary 1', 'small') 
    ]), 
    subsid = company.subsidiary[0], //get first subsidiary 
    info = subsid.information, //get information 
    type = info.type; //get type 

下面的代碼是其他變量問題所在：

當我嘗試更改變量類型時，公司內部值不變...

//does not work 
type = 
    type === 'small' ? 
    'large' : 
    'small'; 

然而，如果我使用信息並引用屬性類型（info.type），該值的變化...

//works 
info.type2 = 
    info.type2 === 'small' ? 
    'large' : 
    'small'; 

我假定由於每個可變從另一個導出，類型將相當於company.subsidiary[0].information.type，但似乎並非如此。

我錯過了什麼嗎？

任何援助將不勝感激。謝謝！

Answer 1

你有一個名爲「type」的屬性的對象。您獲取該屬性的值，並將該值的拷貝放在名爲「type」的局部變量中。對局部變量的後續更改不會影響對象屬性值。

你的假設：

我假定由於每個可變從另一個導出，類型將相當於company.subsidiary [0] .information.type

是不正確的。JavaScript賦值運算符表示值副本的操作。因此，

var type = info.type; 

意味着對象屬性的值應該被複製作爲變量的值。此後，變量和對象屬性之間絕對沒有特殊關係。

然後，在這裏：

var info = subsid.information; 

你建立了一個名爲「信息」與「信息」屬性的值的副本變量。這是什麼價值？這是一個參考對象。這就是爲什麼後續更新實際上會更改原始對象中實際屬性的值。

沒有直接的方法可以使簡單的局部變量成爲JavaScript中對象屬性的別名。