文/北媽

閱讀本文需要?2.3分鐘

一

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

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

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

Object.assign()、const

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

MDN官方文檔的例子就已經(jīng)說明一切?

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里面要實現(xiàn)和Object.assign 相關(guān)的功能要用到? Object.defineProperty很復(fù)雜的去實現(xiàn)。

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

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

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

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

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

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

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

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

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

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

二

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

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

?比如：

const? num = 1000；

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

但是：

const? num = {a:1000}；

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

-----

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

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

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

熱門閱讀

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

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

低學(xué)歷者生存困難 程序員尤其明顯

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

長按掃碼關(guān)注我

一個不一樣的帥碼農(nóng)

每天有驚喜

我覺得?「在看」與「轉(zhuǎn)發(fā)」

也是對我的認可?

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。