基本類型和引用類型的值

ECMAScript變量一般有兩種數據類型的值：基本類型和引用類型。

1. 基本類型： 簡單的數據段：Undefined, Null, Boolean, Number, String
2. 引用類型：多個值構成的對象；

1.動態的屬性

定義兩者的值：創建一個變量并為其變量賦值；

執行兩者的值：

1. 引用類型：可以添加、刪除屬性和方法；
2. 基本類型：不能添加、刪除屬性和方法；

比如：引用類型 a，可以添加屬性 name age

var a = new Object();a.name = "我喂前端袋鹽";a.age = 24;console.log(a.name);   //我喂前端袋鹽

 基本類型 name 無法添加屬性 age

var name = "我喂前端袋鹽";name.age = 24;console.log(name.age);   //undefined

代碼中可知：只能給引用類型值動態地添加屬性，以便將來使用。

2. 賦值變量值

從一個變量向另一個變量復制基本類型值和引用類型值時：
基本類型：在變量對象上創建一個新值，并將其值復制給新變量分配的位置上；（完全獨立的兩個變量）
例如

var a = 111; var b = a; console.log(b);   //111

代碼中可知：變量b的值只是變量a的值的一個副本，兩者的值111是完全獨立的。
引用類型：將存儲在變量對象中的值復制一份放到為新變量分配的空間中；（引用同一個對象的兩個變量）
引用類型的值的副本實際是一個指針，指向存儲在堆中的一個對象。

var obj1 = new Object;var obj2 = obj1;obj1.name = "我喂前端袋鹽";console.log(obj2,name);   // Object { name="我喂前端袋鹽"} 我喂前端袋鹽

代碼中可知：obj1和obj2都指向同一個對象Object；所以，為obj1添加的name屬性，通過obj2也可以訪問的到。

3. 傳遞參數

我們都知道基本類型是按值訪問的，因為可以訪問保存在變量中的實際的值。

所有函數的參數都是按值傳遞的。
基本類型：基本類型值的傳遞如同基本類型變量的復制一樣；
在向參數傳遞值，被傳遞的值會被復制給一個局部變量（命名參數），因此這個局部變量的變化不會反映在函數的外部。
例如：

function fn(num) { num += 10; return num;}var a = 10;var result = fn(a);console.log(result); //20console.log(a);  //10

代碼中可知：參數num和變量a互不相識，只是有著相同的值而已，用完之后，你還是你，我還是我，互不干政。
引用類型：引用類型的傳遞如同引用類型變量的復制一樣；
在向參數傳遞值時，會把這個值在內存中的地址復制給一個局部變量，因此這個局部變量的變化會反映在函數的外部。
例如：

function fn(obj) { obj.name = '我喂前端袋鹽';}var person = new Object();fn(person);console.log(person.name);  //我喂前端袋鹽

代碼中可知：在這個函數內部，參數obj和變量person引用的是同一個對象Object，所以，你不動我也不動，你動我也動，你中有我，我中有你，情義綿綿，經久不息……
也就是說：即使變量person是按值傳遞的，但是參數obj（想象成局部變量）還是會按引用來訪問同一個對象。
訪問變量有按值和按引用兩種方式，參數只能按值傳遞。

4. 檢測類型

基本類型：typeof
引用類型：instanceof（對象或null）
例如：

var a = 'Wo Wei Qian Duan Dai Yan';var b = 24;var c = '';var d = true;var e;var g = undefined;var f = null; // 比較特殊var h = new Object(); console.log(typeof a); //stringconsole.log(typeof b); //number console.log(typeof c); //stringconsole.log(typeof d); //booleanconsole.log(typeof e); //undefinedconsole.log(typeof g); //undefinedconsole.log(typeof f); //objectconsole.log(typeof h); //object

所用引用類型的值都是Object的實例。
如下：

var person = new Object();var num = [1,2, 3];var pattern = /.at/i;console.log(person instanceof Object); //trueconsole.log(num instanceof Object); //trueconsole.log(num instanceof Array);  //trueconsole.log(pattern instanceof Object); //trueconsole.log(pattern instanceof RegExp); //true

以上所述是小編給大家介紹的JavaScript變量詳解整合，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！