文/北媽

閱讀本文需要?2.3分鐘

一

很久沒發技術文，今天北媽在新開一個技術系列：“別自以為是，1分鐘走出JS常見誤區“，里面我會每期挑選幾個常見基礎屬性，講一講里面最容易被人忽略和認知錯誤的誤區。

幫助大家更好的掌握基礎，這樣在面試和實際項目中可以避免很多低級錯誤和節省時間，歡迎拍磚甚至投稿。

今天說一下關于ES6 就引入的最常用的關于操作對象的新屬性：

Object.assign()、const

1、大家知道?Object.assign()?方法用于將所有可枚舉屬性的值從一個或多個源對象復制到目標對象。它將返回目標對象。

MDN官方文檔的例子就已經說明一切?

const target = { a: 1, b: 2 };const source = { b: 4, c: 5 };const returnedTarget = Object.assign(target, source);console.log(target);// expected output: Object { a: 1, b: 4, c: 5 }console.log(returnedTarget);// expected output: Object { a: 1, b: 4, c: 5 }

這個屬性在ES6才引入，是一個不錯的操作js對象格式的新屬性。里面還涉及到深拷貝和淺拷貝，替換對象等眾多概念。

Object.assign?方法只會拷貝源對象自身的并且可枚舉的屬性到目標對象。

這個屬性在ES6才引入，是一個不錯的操作js對象格式的新屬性。里面還涉及到深拷貝和淺拷貝，替換對象等眾多概念。

在ES5里面要實現和Object.assign 相關的功能要用到? Object.defineProperty很復雜的去實現。

而Object.assign?最常用的功能是將新的對象或者json屬性 復制和追加到老的對象，然后生成一個新的整合對象。

項目里，很常用的就是請求傳參時，追加各種篩選條件了，這個大家應該深有體會。

重要描述：如果目標對象中的屬性具有相同的鍵，則屬性將被源對象中的屬性覆蓋。后面的源對象的屬性將類似地覆蓋前面的源對象的屬性。

意思是如果原對象利用有j= {a: 1} ，新對象也有{a:2}那么 就會直接覆蓋，相當于是 j.a =2.這個在用的過程中是沒什么疑問的，正常覆蓋就好。

但一定要注意這個誤區：比如：json1 = {a:1,?b:null?} ，那么 直接??

Object.assign(json1, {a:2,b:3}?); ?會發生什么？

大部分人不看文檔 會說：直接覆蓋被 最后是{a:2,b:3}，但結果事與愿違，因為如果是NULL 這個罪魁禍首，assign 屬性是不會生效的，這個value 不會生效，因為官方有一句：

注意，Object.assign 不會跳過那些值為 null 或 undefined 的源對象。

所以一定要注意，檢查后端返給你的json數據里，有沒有屬性值為 null 或者?undefined，這個相當重要，不然會引來很多麻煩和bug。

這也是為啥一直強調，null 和undefined 是絕對禁止出現在正常的數據格式中的。這個大家一定要注意，因為前一段我們后端居然就返回了null ，，無語！！！

二

2、大家知道 const?是類型聲明，大家再熟悉不過，也是es6才有的新屬性，之前都是萬惡的var，隨意改變作用于和值。有個const，相當于給變量加了一個鎖，但是

const聲明創建一個值的只讀引用。但這并不意味著它所持有的值是不可變的，只是變量標識符不能重新分配。例如，在引用內容是對象的情況下，這意味著可以改變對象的內容(例如，其參數)。

?比如：

const? num = 1000；

num = 2000；
//? 會報錯 ，因為在同一作用于，num的值已經固定，不可改變。

但是：

const? num = {a:1000}；

num.a = 2000 ；
//? 這個不會報錯 ，因為在其屬性值是可以被改變的，也就是文檔里說的改變對象內容，但你不能改變他在內存中的表示和位置。

-----

這個其實看似很簡單，有很多人并不理解，以為看到const 就說明這個變量被鎖定了，該改變對象也不行，直接let 就行了，其實不對的，const照樣可以被改變，但記住，只是改變他的值。

這些在面試題或者平時開發都會遇到，算是常識的自以為是誤區，大家注意，也歡迎大家對平時積累的累死誤區，告訴我，我更多的公布出來。

每日金句：“世界上沒有恒久不變的東西，包括愛情和承諾。唯一不變的就是這個世界永遠在變”

熱門閱讀

空閑時間不要接私活，要提升自己

月薪5k的國企, 和月薪2萬的私企，我選國企...

低學歷者生存困難 程序員尤其明顯

每天只想聽你們說：小北最帥！

長按掃碼關注我

一個不一樣的帥碼農

每天有驚喜

我覺得?「在看」與「轉發」

也是對我的認可?

總結

以上是生活随笔為你收集整理的ES6 深拷贝_你别自以为是：ES6误区 之 Object.assign()、const的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。