web測試之Js中的變量

2019-07-25     指尖上的代碼

JavaScript的變量與其他語言的變量有很大區別。JavaScript變量是鬆散型的(不強制類型)本質,決定了它只是在特定時間用於保存特定值的一個名字而已。由於不存在定義某個變量必須要保存何種數據類型值的規則,變量的值及其數據類型可以在腳本的生命周期內改變。

變量及作用域

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

ECMAScript變量可能包含兩種不同的數據類型的值:基本類型值和引用類型值。基本類型值指的是那些保存在棧內存中的簡單數據段,即這種值完全保存在內存中的一個位置。而引用類型值則是指那些保存在堆內存中的對象,意思是變量中保存的實際上只是一個指針,這個指針指向內存中的另一個位置,該位置保存對象。

將一個值賦給變量時,解析器必須確定這個值是基本類型值,還是引用類型值。基本類型值有以下幾種:Undefined、Null、Boolean、Number和String。這些類型在內存中分別占有固定大小的空間,他們的值保存在棧空間,我們通過按值來訪問的。

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

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

2.動態屬性

定義基本類型值和引用類型值的方式是相似的:創建一個變量並為該變量賦值。但是,當這個值保存到變量中以後,對不同類型值可以執行的操作則大相逕庭。

var box = new Object();

box.name = 'zhang';

alert(box.name);

如果是基本類型的值添加屬性的話,就會出現問題了。

var box = 'zhang';

box.age = 17;

alert(box.age);

3.複製變量值

在變量複製方面,基本類型和引用類型也有所不同。基本類型複製的是值本身,而引用類型複製的是地址。

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輸出的值都會被相應修改掉了。

4.傳遞參數

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

function box(num) {

num += 10;

return num;

}

var num = 50;

var result = box(num);

alert(result);

alert(num);

以上的代碼中,傳遞的參數是一個基本類型的值。而函數裡的num是一個局部變量,和外面的num沒有任何聯繫。

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

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.';

}

最後得出結論,ECMAScript函數的參數都將是局部變量,也就是說,沒有按引用傳遞。

5.檢測類型

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

var box = 'zhang';

alert(typeof box);

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

這時我們應該採用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);

文章來源: https://twgreatdaily.com/zh-cn/bM4fLmwB8g2yegNDbe80.html