web前端學(xué)習(xí)路線web測(cè)試之Js中的變量，JavaScript的變量與其他語(yǔ)言的變量有很大區(qū)別。JavaScript變量是松散型的(不強(qiáng)制類(lèi)型)本質(zhì)，決定了它只是在特定時(shí)間用于保存特定值的一個(gè)名字而已。由于不存在定義某個(gè)變量必須要保存何種數(shù)據(jù)類(lèi)型值的規(guī)則，變量的值及其數(shù)據(jù)類(lèi)型可以在腳本的生命周期內(nèi)改變。
變量及作用域
1.基本類(lèi)型和引用類(lèi)型的值
ECMAScript變量可能包含兩種不同的數(shù)據(jù)類(lèi)型的值：基本類(lèi)型值和引用類(lèi)型值?；绢?lèi)型值指的是那些保存在棧內(nèi)存中的簡(jiǎn)單數(shù)據(jù)段，即這種值完全保存在內(nèi)存中的一個(gè)位置。而引用類(lèi)型值則是指那些保存在堆內(nèi)存中的對(duì)象，意思是變量中保存的實(shí)際上只是一個(gè)指針，這個(gè)指針指向內(nèi)存中的另一個(gè)位置，該位置保存對(duì)象。
將一個(gè)值賦給變量時(shí)，解析器必須確定這個(gè)值是基本類(lèi)型值，還是引用類(lèi)型值。基本類(lèi)型值有以下幾種：Undefined、Null、Boolean、Number和String。這些類(lèi)型在內(nèi)存中分別占有固定大小的空間，他們的值保存在?？臻g，我們通過(guò)按值來(lái)訪問(wèn)的。
PS：在某些語(yǔ)言中，字符串以對(duì)象的形式來(lái)表示，因此被認(rèn)為是引用類(lèi)型。ECMAScript放棄這一傳統(tǒng)。
如果賦值的是引用類(lèi)型的值，則必須在堆內(nèi)存中為這個(gè)值分配空間。由于這種值的大小不固定，因此不能把它們保存到棧內(nèi)存中。但內(nèi)存地址大小的固定的，因此可以將內(nèi)存地址保存在棧內(nèi)存中。這樣，當(dāng)查詢引用類(lèi)型的變量時(shí)，先從棧中讀取內(nèi)存地址，然后再通過(guò)地址找到堆中的值。對(duì)于這種，我們把它叫做按引用訪問(wèn)。
2.動(dòng)態(tài)屬性
定義基本類(lèi)型值和引用類(lèi)型值的方式是相似的：創(chuàng)建一個(gè)變量并為該變量賦值。但是，當(dāng)這個(gè)值保存到變量中以后，對(duì)不同類(lèi)型值可以執(zhí)行的操作則大相徑庭。
var box = new Object();
box.name = 'zhang';
alert(box.name);
如果是基本類(lèi)型的值添加屬性的話，就會(huì)出現(xiàn)問(wèn)題了。
var box = 'zhang';
box.age = 17;
alert(box.age);
3.復(fù)制變量值
在變量復(fù)制方面，基本類(lèi)型和引用類(lèi)型也有所不同。基本類(lèi)型復(fù)制的是值本身，而引用類(lèi)型復(fù)制的是地址。
var box = 'zhang';
var box2 = box;
box2是雖然是box1的一個(gè)副本，但從圖示可以看出，它是完全獨(dú)立的。也就是說(shuō)，兩個(gè)變量分別操作時(shí)互不影響。
var box = new Object();
box.name = 'zhang';
var box2 = box;
在引用類(lèi)型中，box2其實(shí)就是box，因?yàn)樗麄冎赶虻氖峭粋€(gè)對(duì)象。如果這個(gè)對(duì)象中的name屬性被修改了，box2.name和box.name輸出的值都會(huì)被相應(yīng)修改掉了。
4.傳遞參數(shù)
ECMAScript中所有函數(shù)的參數(shù)都是按值傳遞的，言下之意就是說(shuō)，參數(shù)不會(huì)按引用傳遞，雖然變量有基本類(lèi)型和引用類(lèi)型之分。
function box(num) {
num += 10;
return num;
}
var num = 50;
var result = box(num);
alert(result);
alert(num);
以上的代碼中，傳遞的參數(shù)是一個(gè)基本類(lèi)型的值。而函數(shù)里的num是一個(gè)局部變量，和外面的num沒(méi)有任何聯(lián)系。
下面給出一個(gè)參數(shù)作為引用類(lèi)型的例子。
function box(obj) {
obj.name = 'zhang';
}
var p = new Object();
box(p);
alert(p.name);
function box(obj) {
obj.name = 'zhang';
var obj = new Object();
obj.name = 'Mr.';
}
最后得出結(jié)論，ECMAScript函數(shù)的參數(shù)都將是局部變量，也就是說(shuō)，沒(méi)有按引用傳遞。
5.檢測(cè)類(lèi)型
要檢測(cè)一個(gè)變量的類(lèi)型，我們可以通過(guò)typeof運(yùn)算符來(lái)判別。諸如：
var box = 'zhang';
alert(typeof box);
雖然typeof運(yùn)算符在檢查基本數(shù)據(jù)類(lèi)型的時(shí)候非常好用，但檢測(cè)引用類(lèi)型的時(shí)候，它就不是那么好用了。通常，我們并不想知道它是不是對(duì)象，而是想知道它到底是什么類(lèi)型的對(duì)象。因?yàn)閿?shù)組也是object，null也是Object等等。
這時(shí)我們應(yīng)該采用instanceof運(yùn)算符來(lái)查看。
var box = [1,2,3];
alert(box instanceof Array);
var box2 = {};
alert(box2 instanceof Object);
var box3 = /g/;
alert(box3 instanceof RegExp);
var box4 = new String('zhang');
alert(box4 instanceof String);
聯(lián)系客服
