熟悉js的同學都知道，它的數據類型一般分為基本數據類型和引用數據類型（復雜數據類型）。那么他們之間到底有什么不同？
從下面這個例子入手：
var a = 1;
var b = a;
a = 2
console.log(a === b)//false
console.log(b) //1
var obj = {};
var obj1 = obj;
obj.a = 1;
console.log(obj === obj1) //true
console.log(obj1) // {a:1}
可以看出來，b復制了a的值后，對a再進行修改，b是完全不知道的！而修改對象obj后，obj的復制值obj1竟然也改變了，始終===。這是為什么？
原因是基本類型值指的是簡單的數據段，基本數據類型是按值訪問的，因為可以操作保存在變量中的實際的值。引用類型的值是保存在內存中的對象，通過引用地址來訪問，對象添加a:1后，引用地址并沒有改變，所以obj === obj1。下面從4個方面看一下基本數據類型和引用數據類型的區別。
基本數據類型
js基本數據類型有6種:null、undefined 、boolean、number、string 、symbol(es 6新增)。
- 1.動態的屬性
基本數據類型的值是沒有辦法添加屬性和方法的。
var a = 1; a.b = 2;//報錯： Uncaught TypeError: Cannot create property 'b' on number '1'
- 2.復制變量值
可以看到，在從一個變量向另一個變量復制基本類型值時，num1中的5和num2中的5是相互獨立的，所以修改num1或者num2是互不影響的。
- 3.參數傳遞
var a = 1
function fn(a){
return a += 5
}
var b = fn(a) //6
console.log(a) // 1
可以看出，基本數據類型值做為函數參數傳遞時，a的值是不會改變的，只是在函數內新復制了一份a，函數內部的a跟外部的沒有任何關系。
- 4.類型檢測
var s = "Nicholas"; var b = true; var i = 22; var u; var n = null; var o = new Object(); alert(typeof s); //string alert(typeof i); //number alert(typeof b); //bollean alert(typeof u); // undefined alert(typeof n);//object alert(typeof o);//object
正常情況下，對基本數據類型值的檢測可以通過typeof返回，但是typeof null會返回object？
在 JAVAscript 的最初版本中，使用的 32 位系統，為了性能考慮使用低位存儲了變量的類型信息： 000：對象 1：整數 010：浮點數 100：字符串 110：布爾 有 2 個值比較特殊： undefined：用 - （−2^30）表示。 null：對應機器碼的 NULL 指針，一般是全零。
引用數據類型
- 1.動態屬性
var person = new Object(); person.name = "Nicholas"; console.log(person.name); //"Nicholas" delete person.name console.log(person.name);//undefined
- 2.賦值變量
var obj1 = new Object(); var obj2 = obj1; obj1.name = "Nicholas"; console.log(obj2.name); //"Nicholas"
obj1賦值新對象時，只是向obj1中存如指向object的引用地址，向obj2賦值obj1時，僅僅是將obj1中儲存的引用地址復制給obj2，所以對象改變時，obj1和obj2會同時響應。
- 3.參數傳遞
參數傳遞只有值傳遞，不存在引用傳遞。也就是說，把函數外部的值復制給函數內部的參數，就和把值從一個變量復制到另一個變量一樣。基本類型值的傳遞如同基本類型變量的復制一樣，而引用類型值的傳遞，則如同引用類型變量的復制一樣。有不少開發人員在這一點上可能會感到困惑，因為訪問變量有按值和按引用兩種方式，而參數只能按值傳遞。
function fn(obj){
obj.name = 'new'
return obj
}
var obj = new Object();
var newObj = fn(obj)
console.log(obj)//{name:new}
console.log(newObj)//{name:new}
看上面結果不就是引用傳遞嗎？obj傳進去已經被修改了啊！以上代碼中創建一個對象，并將其保存在了變量 person中。然后，這個變量被傳遞到 setName() 函數中之后就被復制給了 obj。在這個函數內部，obj 和 person 引用的是同一個對象。換句話說，即使這個變量是按值傳遞的，obj也會按引用來訪問同一個對象。于是，當在函數內部為 obj 添加 name 屬性后，函數外部的 person 也將有所反映;因為 person 指向的對象在堆內存中只有一個，而且是全局對象。有很多人錯誤地認為:在局部作用域中修改的對象會在全局作用域中反映出來，就說明 參數是按引用傳遞的。為了證明對象是按值傳遞的，我們再看一看下面這個經過修改的例子:
function fn(obj){
obj.name = 'new'
obj = new Object();
obj.name = "Greg";
return obj
}
var obj = new Object();
var newObj = fn(obj)
console.log(obj)//{name:new}
console.log(newObj)//{name:Greg}
如果 person是按引用傳遞的，那么 person 就會自動被修改為指向其 name 屬性值 為"Greg"的新對象。
- 4.類型檢測
instanceof 根據它的原型鏈來識別引用類型。
person instanceof Object
所有引用類型的值都是 Object 的實例。因此，在檢測一個引用類型值和 Object 構造 函數時，instanceof 操作符始終會返回 true。當然，如果使用 instanceof 操作符檢測基本類型的 值，則該操作符始終會返回 false，因為基本類型不是對象。
引用類型嵌套
看到這里，知道引用數據類型賦值是引用地址，對象值是存放在堆中的。現在，在對象中A中嵌套對象B，那么A對象內存堆中存放的是A對象內存？還是A內存的引用尼？是如何賦值的？
var obj = {
arr:[1,2,3]
}
var obj1 = obj; //復制obj的引用地址
var arr = obj.arr //復制obj中arr的引用地址
var arr1 = obj1.arr // 復制arr中引用地址
arr1[0] = [1]
console.log(arr) //[[1],1,2,3]
console.log(arr1 === obj.arr) //true //地址還是相同
obj.arr = [4,5,6] //突然改變obj中arr，指向新對象，obj中arr的引用也隨之改變
console.log(arr) //[[1],1,2,3] //而此時arr、arr1的引用還沒有改變
console.log(obj1.arr === obj.arr) //true //obj的引用沒有改變
console.log(obj1.arr === arr) //false
從上面的例子可以看出，object1中儲存的是arr的引用地址，與arr、arr1擁有同一個引用地址。將obj1的arr重新賦值新的對象后，obj1中的引用地址會重新分配，obj里的arr也跟隨改變。假如，object中存放的是arr的內存，那么obj1中arr重新指向新對象時，obj中的arr將會之斷開聯系，像arr1一樣，顯然不是。
