天天看點

JavaScript之對象拷貝與指派

今天在做公司面試題的時候,遇到了一道關于JavaScript之對象拷貝與指派的問題,突然覺得很有意義,想和大家一起來分享一下!

首先,先擺出代碼,如下:

這個程式的結果是兩個都輸出了被修改後的名字:xiaohuang。

JavaScript之對象拷貝與指派

那麼,大家是不是感覺到很奇怪呢,明明隻修改了newObj這個對象的name值,為什麼obj對象的name值也被篡改了呢?

其實原因很簡單,這是因為實際上newObj對象獲得的隻是一個記憶體位址,而不是真正的拷貝,是以obj對象被篡改。

但是當我們用Object.create這個函數建立一個對象時,obj對象就不會被篡改,話不多說,先上代碼:

這個程式的結果是newobj2.name的值為xiaohuang,而obj2.name的值為dahuang,仍然保持不變。

JavaScript之對象拷貝與指派

使用Object.create()方法進行對象的拷貝,Object.create()方法可以建立一個具有指定原型對象和屬性的新對象。

Object.create()方法簡介:

Object.create() 方法建立一個擁有指定原型和若幹個指定屬性的對象。

文法

Object.create(proto, [ propertiesObject ])

參數

proto 一個對象,作為新建立對象的原型。 propertiesObject可選。該參數對象是一組屬性與值,該對象的屬性名稱将是新建立的對象的屬性名稱,值是屬性描述符(這些屬性描述符的結構與Object.defineProperties()的第二個參數一樣)。注意:該參數對象不能是 undefined,另外隻有該對象中自身擁有的可枚舉的屬性才有效,也就是說該對象的原型鍊上屬性是無效的。

抛出異常

如果 proto 參數不是 null 或一個對象值,則抛出一個 TypeError 異常。

eg:

繼續閱讀