寫JavaScript的人幾乎都踩過這個坑——明明只改了一個變量，另一個也跟著變了。問題根源藏在兩種最基礎(chǔ)的數(shù)據(jù)類型里：原始值和引用值。

MDN文檔說得直白：除Object外，所有類型都是不可變的原始值，直接存在于語言最底層。字符串、數(shù)字、布爾值、BigInt，這些你天天用的東西，本質(zhì)上都是"死"的。聲明之后，它們的內(nèi)容就被鎖死了。想改？只能新建一個值，讓變量指向新的地址。

引用值完全是另一套邏輯。對象、函數(shù)、數(shù)組——這三兄弟其實是親戚，函數(shù)和數(shù)組都是對象的變種。它們不存數(shù)據(jù)本身，存的是內(nèi)存地址的指針。當你寫下const employee = { name: 'Jane' }時，employee變量手里攥著的不是"Jane"這個名字，而是一張寫著門牌號的紙條。

這個區(qū)別帶來的麻煩很具體�？催@段代碼：

const a = 'hello';

const b = a;

b = 'world';

a還是'hello'，互不影響。但換對象試試：

const obj1 = { x: 1 };

const obj2 = obj1;

obj2.x = 2;

現(xiàn)在obj1.x也是2。因為兩個變量指向同一塊內(nèi)存，改的是同一個東西。

JavaScript.info的解釋很精準：原始值只能裝"單樣?xùn)|西"，對象卻能裝"數(shù)據(jù)集合和更復(fù)雜的實體"。這種靈活性是有代價的——你得時刻記住自己操作的是數(shù)據(jù)副本，還是數(shù)據(jù)本身。

實際開發(fā)中，這個陷阱常出現(xiàn)在函數(shù)傳參時。你以為傳進去的是個獨立副本，結(jié)果函數(shù)內(nèi)部一改，外面的原始數(shù)據(jù)也被動了。深拷貝和淺拷貝的區(qū)分，本質(zhì)上就是在處理原始值和引用值的差異。