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

• 基本類(lèi)型： 簡(jiǎn)單的數(shù)據(jù)段：Undefined, Null, Boolean, Number, String
• 引用類(lèi)型：多個(gè)值構(gòu)成的對(duì)象；

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

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

執(zhí)行兩者的值：

• 引用類(lèi)型：可以添加、刪除屬性和方法；
• 基本類(lèi)型：不能添加、刪除屬性和方法；

比如：引用類(lèi)型 a，可以添加屬性 name age

var a = new Object();
a.name = "楊子龍";
a.age = 24;
console.log(a.name);      //楊子龍

基本類(lèi)型 name 無(wú)法添加屬性 age

var name = "楊子龍";
name.age = 24;
console.log(name.age);     //undefined

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

2. 賦值變量值

從一個(gè)變量向另一個(gè)變量復(fù)制基本類(lèi)型值和引用類(lèi)型值時(shí)：

基本類(lèi)型：在變量對(duì)象上創(chuàng)建一個(gè)新值，并將其值復(fù)制給新變量分配的位置上；（完全獨(dú)立的兩個(gè)變量）

例如

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

代碼中可知：變量b的值只是變量a的值的一個(gè)副本，兩者的值111是完全獨(dú)立的。

引用類(lèi)型：將存儲(chǔ)在變量對(duì)象中的值復(fù)制一份放到為新變量分配的空間中；（引用同一個(gè)對(duì)象的兩個(gè)變量）

引用類(lèi)型的值的副本實(shí)際是一個(gè)指針，指向存儲(chǔ)在堆中的一個(gè)對(duì)象。

var obj1 = new Object;
var obj2 = obj1;
obj1.name = "楊子龍";
console.log(obj2,name);     // Object { name="楊子龍"} 楊子龍

代碼中可知：obj1和obj2都指向同一個(gè)對(duì)象Object；所以，為obj1添加的name屬性，通過(guò)obj2也可以訪問(wèn)的到。

3. 傳遞參數(shù)

我們都知道基本類(lèi)型是按值訪問(wèn)的，因?yàn)榭梢栽L問(wèn)保存在變量中的實(shí)際的值。

所有函數(shù)的參數(shù)都是按值傳遞的。

基本類(lèi)型：基本類(lèi)型值的傳遞如同基本類(lèi)型變量的復(fù)制一樣；

在向參數(shù)傳遞值，被傳遞的值會(huì)被復(fù)制給一個(gè)局部變量（命名參數(shù)），因此這個(gè)局部變量的變化不會(huì)反映在函數(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互不相識(shí)，只是有著相同的值而已，用完之后，你還是你，我還是我，互不干政。
引用類(lèi)型：引用類(lèi)型的傳遞如同引用類(lèi)型變量的復(fù)制一樣；
在向參數(shù)傳遞值時(shí)，會(huì)把這個(gè)值在內(nèi)存中的地址復(fù)制給一個(gè)局部變量，因此這個(gè)局部變量的變化會(huì)反映在函數(shù)的外部。
例如：

function fn(obj) {
 obj.name = '楊子龍';
}
var person = new Object();
fn(person);
console.log(person.name);   //楊子龍

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

4. 檢測(cè)類(lèi)型

基本類(lèi)型：typeof
引用類(lèi)型：instanceof（對(duì)象或null）
例如：

var a = 'Yang Zilong';
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

所用引用類(lèi)型的值都是Object的實(shí)例。
如下：

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

使用instanceof檢測(cè)基本類(lèi)型，會(huì)返回false，基本類(lèi)型不是對(duì)象。

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

最新評(píng)論