回答編集履歴

コピーメソッドを、クラスメソッドもコピーできるものに修正、参照についての説明に補足追記

2020/02/07 03:33

投稿

miyabi_pudding

スコア9528

test CHANGED Viewed

@@ -4,6 +4,8 @@
 を参考に、ディープコピーメソッドを作った上で、
+（上記を発展させ、クラスメソッド（prototype定義のメソッドも）含めてコピーできるようにしている）
 下記でいかがでしょうか。
@@ -62,19 +64,23 @@
 const deepClone = obj => {
-  let r = {}
+  const r = (() => {
+    // 一応、余計な処理をいれないために、クラス名がObjectか、Arrayだったらそのまま、配列かオブジェクトかを返す
+    if (obj.constructor.name === 'Array' || obj.constructor.name === 'Object') return Array.isArray(obj) : [] : {};
+    // クラス名が上記以外なら、（クラス、prototypeがユーザー定義）Object.createをうまく使って、新しくインスタンスを生成して返す
+    return Object.create(obj.constructor.prototype);
+  })();
-  for(var name in obj){
+  for(let key in obj){
+    // プロパティがオブジェクトなら、再起的に自身を実行して潜っていく、値なら、そのまま代入
-    if(typeof obj[name] === 'object'){
+    r[key] = typeof obj[key] === 'object' ? deepCopy(obj[key]) : obj[key];
-      r[name] = deepClone(obj[name])
-    } else {
-      r[name] = obj[name]
-    }
   }
@@ -200,11 +206,13 @@
 maisumakunさんがおっしゃるとおり、Object.createは、ディープコピーを生成するものではないので、改めて、ディープコピーをさせるメソッドを用意する必要があるのでしょう。
+（Object.createは、第一引数のオブジェクトを、"prototype"として、新たにオブジェクトを生成するので、コピーメソッドの中でうまく使えば、完全に同クラスからの別参照インスタンスオブジェクトとなる）
 さて、余談になりますが、**JavaScriptには、値渡しも参照渡しも存在しません**。
-あくまで、変数は、**メモリに格納された値に対する参照**にすぎません。
+あくまで、変数は、**メモリに格納された値、またはオブジェクトに対する参照**にすぎません。
 ```javascript
@@ -228,6 +236,8 @@
 ただし、**メモリに格納された同じオブジェクト自体を参照**しているので、`b`によって、プロパティの値を変えると、同じオブジェクトを参照している`a`の方も変化があったように見えます。
+（各プロパティもまた、値に対する参照のため。オブジェクトは、参照をプロパティとして複数保持できるもの）
 よって、下記の場合は、`a`の変化を`b`でさせることはできなくなります。
@@ -236,7 +246,9 @@
 const a = {value: 15};
-const b = a;
+let b = a;
+// bは、新たに生成されたオブジェクトの参照となるため、aとは参照元さえも変わってしまう
 b = {value: 15};
@@ -248,4 +260,50 @@
+オブジェクトと同様に、値に対しても同じ参照の挙動となります。
+```javascript
+const a = 15;
+let b = a; // bは、同じ参照元の15という値の参照となる
+b = 20; // bは、新たな値20の参照となる
+console.log(a); // 15
+```
+```javascript
+const a = 15;
+let b = a; // bは、同じ参照元の15という値の参照となる
+// だが、オブジェクトと違い、裸の値であるため、どう代入し直しても、新しい値が生成される。（上記の通り新しいオブジェクトの代入は新たにメモリに格納されるので、裸の値と参照の挙動自体は同じ）
+b = 15; // bは、値的には同じでも、参照元が変わってしまう。
+console.log(a); // 15
+```
+つまり、変数に対して、値を渡している、参照を渡しているのではなく、
+常に変数は、**値（オブジェクト）に対しての参照そのもの**となります。
+値が入っている、参照が入っている、それを渡している、ではないというわけです。
 以上です。