通過引用傳遞和傳遞的值及其在 JavaScript 中的修改。

　　腳本對象引用及其副本

　　在處理 JavaScript 時，您將面臨與 JavaScript 如何處理其基元變量和非基元變量以及何時用作值或用作引用相關(guān)的混淆。使用值時，每種方法的工作方式都不同。

　　今天，我們將討論JavaScript如何定義其引用和對象，以及它將如何在不同的場合處理它們。

　　類型

　　讓我們從基礎(chǔ)開始，有2種類型的JavaScript對象，即原始和非原始對象。基元類型包括字符串、數(shù)字、空、布爾型、BigInt、符號(新引入的)和未定義的。

　　另一方面，非基元類型是存儲中的引用，因?yàn)樗鼈儧]有定義的存儲。非基元類型可以在存儲中變大，這就是為什么JS最好地將其視為也稱為對象的引用。每個對象都是從 G小葉對象類派生而來的。

　　每個對象都有一個分配的標(biāo)識符，該標(biāo)識符保存其引用的值，就像常規(guī)變量標(biāo)識符也具有其作用域和Unicode一樣。

　　更新基元類型

　　讓我們從基元類型開始并更新它們。我們將首先創(chuàng)建一個字符串變量并將其分配給另一個變量，然后更新新變量并比較輸出。

　　基元類型示例

　　以下程序的輸出將是唯一的，并指出每個基元值將保存在另一個內(nèi)存地址中：

　　Output - test another test

　　更新非基元類型

　　當(dāng)我們使用非基元類型時，期望是不同的。我們將執(zhí)行與上述相同的操作，但不是更新值，而是更新內(nèi)部的屬性。

　　非基元類型示例

　　在這種情況下，輸出將更新原始對象，因?yàn)樗鼈冎赶蛳嗤奈恢茫?/p>

　　Output - { name: 'another test' }

　　我們可以通過使用來克隆對象，并且值將有所不同。例如Object.assign

　　使用對象分配

　　在這種情況下，輸出將不同，結(jié)果將打印原始對象，因?yàn)樗鼈冎赶虿煌膬?nèi)存地址：

　　Output - { name: 'test' }

　　如果我們嵌套了非原始屬性呢?

　　我們正在嘗試的示例將屬性指向基元類型，但如果任何一個屬性是非基元的呢?

　　讓我們看看預(yù)期的場景，我們將在對象內(nèi)再創(chuàng)建一個非原始屬性，并將嘗試更新最新的對象并將其與現(xiàn)有對象進(jìn)行比較：

　　對嵌套對象使用對象分配

　　該程序的輸出將是：

　　Output - { name: 'test', properties: { location: 'location two' } }

　　現(xiàn)在，這是一件有趣的事情，屬性是原始的，因此具有不同的位置，但是是非原始的，并且與 共享相同的地址，并且在更新時也會更新嵌套對象。這是因?yàn)橹辉陧敿墑?chuàng)建屬性，而不執(zhí)行嵌套克隆。namepropertiesobj.propertiesObject.assign

　　對于嵌套克隆，有一些方法，例如 。structuredClone(node v17), recursive methods, JSON.parse(JSON.stringify(obj))and third party library

　　將變量傳遞給函數(shù)

　　當(dāng)我們處理函數(shù)并傳遞值時，有兩種方式按值傳遞變量或按引用傳遞變量。首先，讓我們了解JavaScript將如何定義將變量傳遞給函數(shù)時要執(zhí)行的操作。

　　按值傳遞與按引用傳遞

　　在JavaScript中，它從不顯式比較類型是值還是引用，但是當(dāng)我們調(diào)用具有很少參數(shù)的方法時，會發(fā)生一個簡單的機(jī)制。腳本將創(chuàng)建輸入的副本。

　　由于我們創(chuàng)建的每個函數(shù)都是 Function 類的導(dǎo)數(shù)，因此每個函數(shù)都有一個稱為數(shù)組的屬性，并分發(fā)給該方法。在此處閱讀有關(guān)參數(shù)的更多信息。arguments

　　因?yàn)閰?shù)是非首字母類型。JavaScript 使用 rest 是作為數(shù)組傳遞的參數(shù)，當(dāng)函數(shù)內(nèi)的任何變量更新時，它是一個參數(shù)關(guān)鍵字進(jìn)行更新。Object.assign(arguments, [...rest])

　　由于我們創(chuàng)建了一個新的 Argument 實(shí)例，如果值是基元的，它將為非基元創(chuàng)建一個新地址，它將指向相同的實(shí)例變量。

　　傳遞基元類型

　　現(xiàn)在，我們知道函數(shù)將創(chuàng)建一個新變量，因此傳遞基元類型似乎沒有任何問題，并且變量將保持其原始狀態(tài)。

　　將值傳遞給方法的基元示例

　　以下程序的輸出將是其原始狀態(tài)，無需修改：

　　Output - test

　　傳遞非基元類型并更新其引用

　　當(dāng)傳遞非基元類型時，它還會創(chuàng)建一個副本，并且將引用該值。但是當(dāng)更新引用時，它現(xiàn)在將指向另一個變量，因?yàn)槲覀兿蛩峁┝艘粋€副本，而不是一個實(shí)際的對象。

　　將值傳遞給方法的非基元示例

　　以下程序的輸出仍將處于其原始狀態(tài)，無需進(jìn)行任何修改，因?yàn)槲覀兏铝艘帽旧恚?/p>

　　Output - { name: 'test' }

　　傳遞非基元類型并更新其屬性

　　按照上面的示例，如果我們更新引用，那么它將指向一個新的內(nèi)存地址，但是如果我們更新屬性，那么它將更新值。

　　將非基元值傳遞給方法和更新屬性的示例

　　以下程序的輸出將不會處于其原始狀態(tài)，并且 name 屬性將分配一個新值，因?yàn)橐貌粫褂孟嗤臉?biāo)識符進(jìn)行修改和更新。

　　Output - { name: 'another test' }

　　結(jié)論

　　JavaScript是一種令人驚訝的語言，當(dāng)在深層次上使用時，它的所有實(shí)現(xiàn)都有其調(diào)整。最復(fù)雜的情況是，當(dāng)我們處理一個嵌套對象時，每個對象都有自己唯一的共享標(biāo)識符。因此，建議使用所需的引用，并始終創(chuàng)建具有屬性的嵌套對象以避免沖突。Object.assign