[ JS 進階 ] 基本類型 參考型別 簡單賦值 對象引用

標籤：

ECMAScirpt 變數有兩種不同的資料類型：基本類型，參考型別。也有其他的叫法，比如原始類型和物件類型，擁有方法的類型和不能擁有方法的類型，還可以分為可變類型和不可變類型，其實這些叫法都是依據這兩種的類型特點來命名的，大家愛叫啥就叫啥吧 o(╯□╰)o 。

1.基本類型

基本的資料類型有：`undefined，boolean，number，string，null.基本類型的訪問是按值訪問的，就是說你可以操作儲存在變數中的實際的值。基本類型有以下幾個特點：

1.基本類型的值是不可變得：

任何方法都無法改變一個基本類型的值，比如一個字串：（PS 除了重新賦值）

var name = ‘jozo‘;name.toUpperCase(); // 輸出 ‘JOZO‘console.log(name); // 輸出  ‘jozo‘

會發現原始的name並未發生改變，而是調用了toUpperCase()方法後返回的是一個新的字串。
再來看個：

var person = ‘jozo‘;person.age = 22;person.method = function(){//...};console.log(person.age); // undefinedconsole.log(person.method); // undefined

通過上面代碼可知，我們不能給基本類型添加屬性和方法，再次說明基本類型時不可變得；

2.基本類型的比較是值的比較：

只有在它們的值相等的時候它們才相等。
但你可能會這樣：

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

它們不是不相等嗎？其實這是類型轉換和 == 運算子的知識了，也就是說在用==比較兩個不同類型的變數時會進行一些類型轉換。像上面的比較先會把true轉換為數字1再和數字1進行比較，結果就是 true了。 這是當比較的兩個值的類型不同的時候==運算子會進行類型轉換，但是當兩個值的類型相同的時候，即使是==也相當於是===。

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

3.基本類型的變數是存放在棧區的（棧區指記憶體裡的棧記憶體）

假如有以下幾個基本類型的變數：

var name = ‘jozo‘;var city = ‘guangzhou‘;var age = 22;

那麼它的儲存結構如：

棧區包括了 變數的標識符和變數的值。

2.參考型別

參考型別會比較好玩有趣一些。

javascript中除了上面的基本類型(number,string,boolean,null,undefined)之外就是參考型別了，也可以說是就是對象了。對象是屬性和方法的集合。也就是說參考型別可以擁有屬性和方法，屬性又可以包含基本類型和參考型別。來看看參考型別的一些特性：

1.參考型別的值是可變的

我們可為為參考型別添加屬性和方法，也可以刪除其屬性和方法，如：

var person = {};//建立個控對象 --參考型別person.name = ‘jozo‘;person.age = 22;person.sayName = function(){console.log(person.name);} person.sayName();// ‘jozo‘delete person.name; //刪除person對象的name屬性person.sayName(); // undefined

上面代碼說明參考型別可以擁有屬性和方法，並且是可以動態改變的。

2.參考型別的值是同時儲存在棧記憶體和堆記憶體中的對象

javascript和其他語言不同，其不允許直接存取記憶體中的位置，也就是說不能直接操作對象的記憶體空間，那我們操作啥呢？ 實際上，是操作對象的引用，所以參考型別的值是按引用訪問的。
準確地說，參考型別的儲存需要記憶體的棧區和堆區（堆區是指記憶體裡的堆記憶體）共同完成，棧區記憶體儲存變數標識符和指向堆記憶體中該對象的指標，也可以說是該對象在堆記憶體的地址。
假如有以下幾個對象：

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

則這三個對象的在記憶體中儲存的情況如：

3.參考型別的比較是引用的比較

var person1 = ‘{}‘;var person2 = ‘{}‘;console.log(person1 == person2); // true

上面講基本類型的比較的時候提到了當兩個比較值的類型相同的時候，相當於是用 === ，所以輸出是true了。再看看：

var person1 = {};var person2 = {};console.log(person1 == person2); // false

可能你已經看出破綻了，上面比較的是兩個字串，而下面比較的是兩個對象，為什麼長的一模一樣的對象就不相等了呢？

別忘了，參考型別時按引用訪問的，換句話說就是比較兩個對象的堆記憶體中的地址是否相同，那很明顯，person1和person2在堆記憶體中地址是不同的：

所以這兩個是完全不同的對象，所以返回false;

3.簡單賦值

在從一個變數向另一個變數賦值基本類型時，會在該變數上建立一個新值，然後再把該值複製到為新變數分配的位置上：

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

此時，a中儲存的值為 10 ，當使用 a 來初始化 b 時，b 中儲存的值也為10，但b中的10與a中的是完全獨立的，該值只是a中的值的一個副本，此後，這兩個變數可以參加任何操作而相互不受影響。

也就是說基本類型在賦值操作後，兩個變數是相互不受影響的。

4.對象引用

當從一個變數向另一個變數賦值參考型別的值時，同樣也會將儲存在變數中的對象的值複製一份放到為新變數分配的空間中。前面講參考型別的時候提到，保 存在變數中的是對象在堆記憶體中的地址，所以，與簡單賦值不同，這個值的副本實際上是一個指標，而這個指標指向儲存在堆記憶體的一個對象。那麼賦值操作後，兩 個變數都儲存了同一個對象地址，則這兩個變數指向了同一個對象。因此，改變其中任何一個變數，都會相互影響：

var a = {}; // a儲存了一個Null 物件的執行個體var b = a;  // a和b都指向了這個Null 物件a.name = ‘jozo‘;console.log(a.name); // ‘jozo‘console.log(b.name); // ‘jozo‘b.age = 22;console.log(b.age);// 22console.log(a.age);// 22console.log(a == b);// true

它們的關係如：

因此，參考型別的賦值其實是對象儲存在棧區地址指標的賦值，因此兩個變數指向同一個對象，任何的操作都會相互影響。

 

轉自http://segmentfault.com/a/1190000002789651

[ JS 進階 ] 基本類型 參考型別 簡單賦值 對象引用 （轉）