第四章 變量，作用域，內存等問題

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

先說一下基本概念...
基本類型指的是簡單的數據段
引用類型指的是那些可能由多個值構成的對象
還不夠清楚… 上例子

        var person = new Object();    //定義了新對象
        person.name = "Jack";         //person.name就是引用類型
        var name = "Jack";            //name就是基本類型

注：
string類型的定義方式有三種，你可以使用"",'',``三種符號來定義一個string類型的變量
"",''兩種方式完全相同，不同的是``
1. var variableWithNewLine = `aaa
  bbb` ,這種方式定義的字符串變量包含一個換行符，而"",''對此無能為力
2. var variable = `half of 100 is ${100/2}` ,輸出為 half of 100 is 50. 如你所見，${}里面的內容自動被計算出來

2. 復制變量值 :

基本類型是按 值 傳遞的
引用類型是按 地址 傳遞的

  //這里只列舉一下按地址傳遞
        var obj1 = new Object();
        var obj1 = obj2;
        obj1.name = "Jack";
        alert(obj2.name);         //Jack

3. 傳遞參數 :

所有的函數的參數都是按值傳遞的。
下面舉兩個例子

  //基本類型按值傳遞
    function addTen(num){
            num += 10；
            return num;
    }
        var count = 20;
        var result = addten(count);
        alert(count);      //20
        alert(result);     //30
  //引用類型按值傳遞
        function setName(obj){
            obj.name = "Jack";
    }
        var person = new Object();
        setname(person);
        alert(person.name);     //Jack
  //看到這里你可能會覺得這不就是按地址傳遞嗎？
  //再來看一個例子
    function setName(obj){
        obj.name = "Jack";
        obj = new Object();    //局部變量
        obj.name = "Sam";   //為局部變量賦值
    }
        var person = new Object();
        setName(person);
        alert(person.name);     //Jack
  //如你所見，輸出的值仍然是Jack,這一點可以證明在函數內部確實是按值傳遞的。
  //那么如何來理解：
  //可以把函數的參數全部看作是局部變量，在函數內部執行完畢以后會被立即銷毀，但是如果是引用類型的（對象），則在訪問的時候看作是同一個對象。

4. typeof檢測數據類型 :

typeof 操作符（唯一一個不是符號的操作符，與+-/一樣都是操作符）可以檢測以一個變量的數據類型（string,number,boolean,undefined,object*）

        var a = null;
        alert(typeof a);    //object
                alert(typeof NaN)  //number

5. 執行環境和作用域 :

簡單的概括來說...
內部的可以訪問外部的，外部的不可以訪問內部的。
還需要說一點，函數的參數（arguments）也被當做變量來對待，其訪問規則同上。
PS:如果我對下面這個 swapColor 函數使用了 arguments,他訪問的到底是誰的參數？
關于這點，swapColor() 會現在自己的變量對象中搜索變量和函數名，如果找不到再回去搜索上一級的作用域鏈。也就是說，你在使用 swapColor() 里的 arguments 時，最先被搜索到的肯定是 swapColor() 里的 arguments,如果 swapColor() 函數沒有參數，自然而然訪問的就是上一級函數的 arguments 嘍！

var color = "Blue";     //不能訪問anotherColor和tempColor
function changeColor(){     //該函數可以訪問color
  var anotherColor = "Red";
  function swapColors(){  //該函數可以訪問color,anotherColor
      var tempColor = anotherColor;
        anotherColor = color;
        color = tempColor;
    }
}

6. 沒有塊級作用域 :

Javascript并不像C，C++，Java那樣的語言一樣，由花括號封閉的代碼塊都有著自己的作用域。還是舉例說明...

if(true){
  var color = "Blue";
}
 alert(color);        //Blue

這個在C類語言里是絕對行不通的，因為color在if語句執行完畢后會被立即銷毀，但是在JavaScript里面卻行得通。所以在你寫完if或者for語句時，一定要注意，里面的變量仍然存在于外部的執行環境中。或者你可以使用let關鍵字來申請一個塊級變量（需要瀏覽器支持ES6標準。

7. 管理內存 :

出于安全方面的考慮，為了防止運行JavaScript的網頁而耗盡全部的系統內存導致系統崩潰，編程人員需要盡可能的確保占用最少的內存而獲得更好的性能，而優化內存占用的最佳方式，就是為執行中的代碼只保存必要的數據，一旦數據不再有用，最好將其值設置為 null 來釋放其引用—-這個做法叫做解除引用，直接上例子…

function creatPerson(name){
  var localPerson = new Object();
    localPerson.name = name;
    return localPerson;  //localPerson無需我們顯示的為其解除引用，JavaScript垃圾收集機制會自動為其釋放內存
}
var globalPerson = creatperson("Jack");
globalPerson = null;
//對于globalPerson在我們無需使用它時，可以為它手動解除引用，以求代碼最優性能，這里還要說的一點是解除一個值的引用，并不意味著自動回收該值所占用的內存，而是讓值脫離其執行環境，以便垃圾收集機制下次運行時將其回收。

小結 :

• 從一個變量向另一個變量復制引用類型的值是，復制的其實是指針，因此，兩個變量實際上指的是同一個對象。
• 包含引用類型的變量實際上包含的并不是對象本身，而是一個指向該對象的指針。