基本類型和引用類型的值

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

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

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

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

執(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

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

2. 賦值變量值

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

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

代碼中可知：變量b的值只是變量a的值的一個(gè)副本，兩者的值111是完全獨(dú)立的。
引用類型：將存儲(chǔ)在變量對(duì)象中的值復(fù)制一份放到為新變量分配的空間中；（引用同一個(gè)對(duì)象的兩個(gè)變量）
引用類型的值的副本實(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屬性，通過obj2也可以訪問的到。

3. 傳遞參數(shù)

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

所有函數(shù)的參數(shù)都是按值傳遞的。
基本類型：基本類型值的傳遞如同基本類型變量的復(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); //20console.log(a);  //10

代碼中可知：參數(shù)num和變量a互不相識(shí)，只是有著相同的值而已，用完之后，你還是你，我還是我，互不干政。
引用類型：引用類型的傳遞如同引用類型變量的復(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)久不息……
也就是說：即使變量person是按值傳遞的，但是參數(shù)obj（想象成局部變量）還是會(huì)按引用來訪問同一個(gè)對(duì)象。
訪問變量有按值和按引用兩種方式，參數(shù)只能按值傳遞。

4. 檢測(cè)類型

基本類型：typeof
引用類型：instanceof（對(duì)象或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的實(shí)例。
如下：

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變量詳解整合，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)武林網(wǎng)網(wǎng)站的支持！