基本類型和引用類型的值

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

1. 基本類型： 簡單的數(shù)據(jù)段：Undefined, Null, Boolean, Number, String
2. 引用類型：多個值構(gòu)成的對象；

1.動態(tài)的屬性

定義兩者的值：創(chuàng)建一個變量并為其變量賦值；

執(zhí)行兩者的值：

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

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

2. 賦值變量值

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

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

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

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

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

3. 傳遞參數(shù)

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

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

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

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

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

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

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); //string
console.log(typeof b); //number 
console.log(typeof c); //string
console.log(typeof d); //boolean
console.log(typeof e); //undefined
console.log(typeof g); //undefined
console.log(typeof f); //object
console.log(typeof h); //object

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

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

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