ES6更新されたクローンプロパティがオリジナルに影響しないようにする方法は？

Question

私は間違ったことをする必要があります。新しいVARとして

名前のボブなど
1. インスタンス化のPersonクラスのボブ
2. クローンボブがアリス
3. 名前の名前の変更アリスアリスボブ&アリス

の

ログイン名ボブの名前は「ボブ」のままになると思うが、ボブを更新していないのに「アリス」に更新されている。事前に

class Person { 
 
    constructor(attr) { 
 
    this.attr = attr; 
 
    } 
 

 
    talk() { 
 
    console.log('My name is ' + this.attr.name); 
 
    } 
 
} 
 

 
function clone(obj) { 
 
    return Object.assign(Object.create(Object.getPrototypeOf(obj)), obj); 
 
} 
 

 
var Bob = new Person({ 
 
    name: 'Bob' 
 
}); 
 

 
var Alice = clone(Bob); 
 
Alice.attr.name = 'Alice'; 
 

 
Alice.talk(); 
 
Bob.talk();

感謝。

Answer 1

Object.assignは浅いコピーを実行し、そうBobとAliceはattr参照の独自のコピーを持っているであろうが、それらは同じネストされたオブジェクトを参照します。 attr.nameはまだ共有文字列です。

あなたが深い（ER）のコピーを実行するか、あるいはattrプロパティを再割り当てする必要があります。

Alice.attr = { name: 'Alice' }; 

Answer 2

クローニングのための最も簡単な解決策は次のとおりです。

var cloned = JSON.parse(JSON.stringify(objectToClone)); 

しかし、キャッチが、この中にありますこれは、オブジェクトの属性値が関数である場合には失敗します。クローニングのより深い洞察のための

var a = {name: 'a', exec: function() {return true;}}; 
var b = JSON.parse(JSON.stringify(a)); 
console.log(b); // {name: 'a'} 

、あなたはこの記事を参照することができます：deep cloning