web前端學(xué)習(xí)路線web測試之Js中的變量，JavaScript的變量與其他語言的變量有很大區(qū)別。JavaScript變量是松散型的(不強制類型)本質(zhì)，決定了它只是在特定時間用于保存特定值的一個名字而已。由于不存在定義某個變量必須要保存何種數(shù)據(jù)類型值的規(guī)則，變量的值及其數(shù)據(jù)類型可以在腳本的生命周期內(nèi)改變。

　　變量及作用域

　　1.基本類型和引用類型的值

　　ECMAScript變量可能包含兩種不同的數(shù)據(jù)類型的值：基本類型值和引用類型值?；绢愋椭抵傅氖悄切┍４嬖跅?nèi)存中的簡單數(shù)據(jù)段，即這種值完全保存在內(nèi)存中的一個位置。而引用類型值則是指那些保存在堆內(nèi)存中的對象，意思是變量中保存的實際上只是一個指針，這個指針指向內(nèi)存中的另一個位置，該位置保存對象。

　　將一個值賦給變量時，解析器必須確定這個值是基本類型值，還是引用類型值?；绢愋椭涤幸韵聨追N：Undefined、Null、Boolean、Number和String。這些類型在內(nèi)存中分別占有固定大小的空間，他們的值保存在?？臻g，我們通過按值來訪問的。

　　PS：在某些語言中，字符串以對象的形式來表示，因此被認為是引用類型。ECMAScript放棄這一傳統(tǒng)。

　　如果賦值的是引用類型的值，則必須在堆內(nèi)存中為這個值分配空間。由于這種值的大小不固定，因此不能把它們保存到棧內(nèi)存中。但內(nèi)存地址大小的固定的，因此可以將內(nèi)存地址保存在棧內(nèi)存中。這樣，當(dāng)查詢引用類型的變量時，先從棧中讀取內(nèi)存地址，然后再通過地址找到堆中的值。對于這種，我們把它叫做按引用訪問。

　　2.動態(tài)屬性

　　定義基本類型值和引用類型值的方式是相似的：創(chuàng)建一個變量并為該變量賦值。但是，當(dāng)這個值保存到變量中以后，對不同類型值可以執(zhí)行的操作則大相徑庭。

　　var box = new Object();

　　box.name = 'zhang';

　　alert(box.name);

　　如果是基本類型的值添加屬性的話，就會出現(xiàn)問題了。

　　var box = 'zhang';

　　box.age = 17;

　　alert(box.age);

　　3.復(fù)制變量值

　　在變量復(fù)制方面，基本類型和引用類型也有所不同?；绢愋蛷?fù)制的是值本身，而引用類型復(fù)制的是地址。

　　var box = 'zhang';

　　var box2 = box;

　　box2是雖然是box1的一個副本，但從圖示可以看出，它是完全獨立的。也就是說，兩個變量分別操作時互不影響。

　　var box = new Object();

　　box.name = 'zhang';

　　var box2 = box;

　　在引用類型中，box2其實就是box，因為他們指向的是同一個對象。如果這個對象中的name屬性被修改了，box2.name和box.name輸出的值都會被相應(yīng)修改掉了。

　　4.傳遞參數(shù)

　　ECMAScript中所有函數(shù)的參數(shù)都是按值傳遞的，言下之意就是說，參數(shù)不會按引用傳遞，雖然變量有基本類型和引用類型之分。

　　function box(num) {

　　num += 10;

　　return num;

　　}

　　var num = 50;

　　var result = box(num);

　　alert(result);

　　alert(num);

　　以上的代碼中，傳遞的參數(shù)是一個基本類型的值。而函數(shù)里的num是一個局部變量，和外面的num沒有任何聯(lián)系。

　　下面給出一個參數(shù)作為引用類型的例子。

　　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ù)都將是局部變量，也就是說，沒有按引用傳遞。

　　5.檢測類型

　　要檢測一個變量的類型，我們可以通過typeof運算符來判別。諸如：

　　var box = 'zhang';

　　alert(typeof box);

　　雖然typeof運算符在檢查基本數(shù)據(jù)類型的時候非常好用，但檢測引用類型的時候，它就不是那么好用了。通常，我們并不想知道它是不是對象，而是想知道它到底是什么類型的對象。因為數(shù)組也是object，null也是Object等等。

　　這時我們應(yīng)該采用instanceof運算符來查看。

　　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);