值型別和引用型別

說起深淺拷貝，我覺得需要理清楚 值型別 和 引用型別

值型別

所謂 值型別 就是 undefined，null，number， string ，boolean 等五種基本資料型別， 應該還有一個Symbol型別。

值型別的資料儲存在棧記憶體中

在 值型別 中修改值相當於重新在棧記憶體中開闢了一個新的儲存空間，類似於：

用程式碼來解釋就是:

var num1 = 5
var num2 = num1

值型別的值不可改變

javascript中的原始值（undefined、null、布林值、數字和字串）與物件（包括陣列和函式）有著根本區別。原始值是不可更改的：任何方法都無法更改（或“突變”）一個原始值。對數字和布林值來說顯然如此 —— 改變數字的值本身就說不通，而對字串來說就不那麼明顯了，因為字串看起來像由字元組成的陣列，我們期望可以通過指定索引來假改字串中的字元。實際上，javascript 是禁止這樣做的。字串中所有的方法看上去返回了一個修改後的字串，實際上返回的是一個新的字串值。

var str = 'abc'
str[0] = 'd'
console.log(str)  // 'abc'

值型別的比較是對值的比較
值型別的比較是值的比較，只要它們的值相等就認為他們是相等的

var a = 1;
var b = 1;
console.log(a === b);//true

引用型別

引用型別的資料存放在堆記憶體中
引用型別的值存放在堆記憶體中，變數儲存的是一個存放在棧記憶體，指向堆記憶體的指標。

var person1 = {name:'jozo'};
var person2 = {name:'xiaom'};
var person3 = {name:'xiaoq'
 
};

引用型別的值可以改變
引用型別是可以直接改變其值的

 var a = [1,2,3];
 a[1] = 5;
 console.log(a[1]); // 5

引用型別的比較是引用的比較
所以每次我們對 js 中的引用型別進行操作的時候，都是操作其物件的引用（儲存在棧記憶體中的指標），所以比較兩個引用型別，是看其的引用是否指向同一個物件。

var a = [1,2,3];
var b = [1,2,3];
console.log(a === b); // false

var a = [1, 2, 3]
var b = a
console.log(a === b)  // true

傳值與傳址

瞭解了基本資料型別與引用型別的區別之後，我們就應該能明白傳值與傳址的區別了。
在我們進行賦值操作的時候，基本資料型別的賦值（=）是在記憶體中新開闢一段棧記憶體，然後再把再將值賦值到新的棧中

var a = 10;
var b = a;

a ++ ;
console.log(a); // 11
console.log(b); // 10

所以說，基本型別的賦值的兩個變數是兩個獨立相互不影響的變數。

但是引用型別的賦值是傳址。只是改變指標的指向，例如，也就是說引用型別的賦值是物件儲存在棧中的地址的賦值，這樣的話兩個變數就指向同一個物件，因此兩者之間操作互相有影響。

var a = {}; // a儲存了一個空物件的例項
var b = a;  // a和b都指向了這個空物件

a.name = 'jozo';
console.log(a.name); // 'jozo'
console.log(b.name); // 'jozo'

b.age = 22;
console.log(b.age);// 22
console.log(a.age);// 22

console.log(a == b);// true

淺拷貝

實現：

function shallowCopy (src) {
    let  new = {}
    for (let i in src) {
        if (src.hasOwnProperty(i)) {
            new[i] = src[i]
        }
    }
    return new
}

深拷貝

一種騷操作是利用JSON.parse 和 JSON.stringify

var a = {
    name: 'SpawN',
    age: 28
}

var b = JSON.parse(JSON.stringify(a))
b.name = 'Johnny.R'

console.log(a.name)  // 'SpawN'

另外一種是科班操作，也就是常規操作，就是利用遞迴，來遍歷目標物件下的所有屬性

function deepCopy(obj) {
    if (typeof obj !== 'object') return
    // 初始化
    var newObj = obj instanceof Array ? [] : {}
    for (let k in obj) {
        if (obj.hasOweProperty(k)) {
            newObj[k] = typeof obj[k] === 'object' ? agruments.callee(obj[k]) : obj[k]
        }
    }
    return newObj
}

這裡僅僅是實現了基本的深拷貝，對一些邊界並沒有進行妥善的處理。基本思路就是通過for in 迴圈，當值為物件的時候，再遞迴進行for in迴圈。