JavaScript 變量、作用域及內存

 一 變量及作用域

1.基本類型和引用類型

// JS變量包含兩種不同的數據類型的值:基本類型值和引用類型值;

// 1.基本類型值:保存在棧內存中的簡單數據段;即這種值完全保存在內存中的一個位置;
// 基本類型值包含:Undefined|Null|Boolean|Number|String;
// 這些類型在內存中占有固定大小的空間;它們的值保存在棧空間,我們按值來訪問;

// 2.引用類型值:保存在堆內存中的對象(可能由多個值構成),即變量中保存的實際上只是一個指針,這個指針指向內存中的另一個位置,該位置保存對象;
// 引用類型的值的大小不固定,因此不能保存在棧內存,必須保存在堆內存中;但可以將引用類型的值的內存地址保存在棧內存中;
// 當查詢引用類型的變量時,先從棧內存中讀取內存地址,然後通過地址找到堆內存中的值;=>按引用訪問;

2.動態屬性

1 2 3 4 5 6 7 8 9 // 定義基本類型值和引用類型值的方式相似:創建一個變量並為該變量賦值; // 但當這個值保存到變量中以後,對不同類型值可以執行的操作則不一樣; var box = new Object(); // 創建引用類型; box.name = 'lee'; // 新增一個屬性; console.log(box.name); // =>lee;   var box = 'lee'; // 創建基本類型 box.age = 15; // 給基本類型添加屬性; console.log(box.age); // =>undefined;

3.復制變量值

1 2 3 4 5 6 7 8 9 10 11 12 // 在變量復制方面,基本類型和引用類型也有所不同; // 基本類型賦值的是值本身; var box = 'lee'; // 在棧內存中生成一個box'lee'; var box2 = box; // 在棧內存中再生成一個box2'lee'; // box和box2完全獨立;兩個變量分別操作時互不影響;   // 引用類型賦值的是地址; var box = new Object(); // 創建一個引用類型;box在棧內存中;而Object在堆內存中; box.name = 'lee'; // 新增一個屬性; var box2 = box; // 把引用地址賦值給box2;box2在棧內存中; // box2=box,因為它們指向的是同一個對象; // 如果這個對象中的name屬性被修改了,box.name和box2.name輸出的值都會被修改掉;

4.傳遞參數

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 // JS中所有函數的參數都是按值傳遞的,即參數不會按引用傳遞; function box(num){ // 按值傳遞,傳遞的參數是基本類型; num +=10; // 這裡的num是局部變量,全局無效; return num; } var num = 50; var result = box(num); console.log(result); // 60; console.log(num); // 50;   function box(num){ return num; } console.log(num); // num is not defined;   function box(obj){ obj.name = 'lee'; var obj = new Object(); // 函數內部又創建了一個對象,它是局部變量;但在函數結束時被銷毀了; obj.name = 'Mr'; // 並沒有替換掉原來的obj; } var p = new Object(); box(p); // 變量p被傳遞到box()函數中之後就被復制給了obj;在函數內部,obj和p訪問的是同一個對象; console.log(p.name); // =>lee;   // JS函數的參數都將是局部變量;也就是說,沒有按引用傳遞;

5.檢測類型

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 // 要檢測一個變量的類型,通過typeof運算符類判斷; // 多用來檢測基本類型; var box = 'lee'; console.log(typeof box); // =>string;   // 要檢測變量是什麼類型的對象,通過instanceof運算符來查看; var box = [1,2,3]; console.log(box instanceof Array); // =>true; var box2 = {}; console.log(box2 instanceof Object); var box3 = /g/; console.lgo(box3 instanceof RegExp); var box4 = new String('lee'); console.log(box4 instanceof String); // =>true;是否是字符串對象;   var box5 = 'string'; console.log(box5 instanceof String); // =>false; // 當使用instanceof檢查基本類型的值時,它會返回false;

6.執行環境及作用域

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 // 執行環境:定義了變量或函數有權訪問的其他數據,決定了它們各自的行為; // 在Web浏覽器中,全局執行環境=window對象; // 因此所有的全局變量和函數都是作為window對象的屬性和方法創建的; var box = 'blue'; // 聲明一個全局變量; function setBox(){ console.log(box); // 全局變量可以在函數裡訪問; } setBox(); // 執行函數; // 全局的變量=window對象的屬性; // 全局的函數=window對象的方法;   // PS:當執行環境中的所有代碼執行完畢後,該環境被銷毀,保存在其中的所有變量和函數定義也隨之銷毀; // 如果是在全局環境下,需要程序執行完畢,或者網頁被關閉才會銷毀;   // PS:每個執行環境都有一個與之關聯的變量對象,就好比全局的window可以調用全局變量和全局方法一樣; // 局部的環境也有一個類似window的變量對象,環境中定義的所有變量和函數都保存在這個對象中; // (我們無法訪問這個變量對象,但解析器會處理數據時後台使用它); var box = 'blue'; function setBox(){ var box = 'red'; // 這裡是局部變量,在當前函數體內的值是'red';出了函數體就不被認知; console.log(box); } setBox(); console.log(box);   // 通過傳參可以替換函數體內的局部變量,但作用域僅限在函數體內這個局部環境; var box = 'blue'; function setBox(box){