您好,登錄后才能下訂單哦!
好程序員 web前端分享web測試之Js中的變量 , JavaScript的變量與其他語言的變量有很大區(qū)別。JavaScript變量是松散型的(不強制類型)本質(zhì),決定了它只是在特定時間用于保存特定值的一個名字而已。由于不存在定義某個變量必須要保存何種數(shù)據(jù)類型值的規(guī)則,變量的值及其數(shù)據(jù)類型可以在腳本的生命周期內(nèi)改變。
變量及作用域
1.基本類型和引用類型的值
ECMAScript變量可能包含兩種不同的數(shù)據(jù)類型的值:基本類型值和引用類型值?;绢愋椭抵傅氖悄切┍4嬖跅?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)存中。這樣,當查詢引用類型的變量時,先從棧中讀取內(nèi)存地址,然后再通過地址找到堆中的值。對于這種,我們把它叫做按引用訪問。
2.動態(tài)屬性
定義基本類型值和引用類型值的方式是相似的:創(chuà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);
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。