• 01 值類型和引用類型簡單說明

• 值類型主要有：

數(shù)值
字符串
布爾類型
undefined
null

引用類型主要有：

對象（Object類型）
數(shù)組（Array）
函數(shù)（Function）

• 值類型：

• 儲存的是具體的值。保存為簡單的數(shù)據(jù)值，賦值只是簡單的數(shù)據(jù)值的賦值。

• 引用類型：

保存的是對象，其本質(zhì)是指向內(nèi)存位置的引用（地址），賦值是對地址的賦值。

值類型代碼示例

 var num1 = 10;
    var num2 = num1;    //把num1的值復(fù)制一份給num2,num1和num2的值相等,除此之外沒有任何其他關(guān)系

    console.log(num1,num2);     //10,10
    console.log(num1 == num2);  //true

    num2 = 20;          //修改num2的值為20,不會對num1產(chǎn)生任何的影響
    console.log(num1,num2);     //10,20
    console.log(num1 == num2);  //false

引用類型代碼示例

 var arr1 = [1,2,3];
    var arr2 = arr1;
    console.log(arr1,arr2);             //[1,2,3],[1,2,3]
    console.log(arr1 == arr2);          //true

    var arr3 = [1,2,3];
    console.log(arr3);                  //[1,2,3]
    console.log(arr1 == arr3,arr2 == arr3); //false,false

    /**
     * 代碼說明:
     * arr1和arr2在比較的時候,值相等(都是[1,2,3]),且引用相等(都指向堆中同一塊數(shù)據(jù)),因此arr1和arr2相等
     * arr3和arr1以及arr2比較的時候,值相等([1,2,3]),但是引用不相等(arr3指向的是堆中另外一塊數(shù)據(jù)),因此不等
     * 總結(jié):引用類型在比較相等的時候,只有值和引用都相等才相等
     * */

• 02 值類型和引用類型的賦值

賦值(=):把右邊的數(shù)據(jù)復(fù)制一份給左邊

• 值類型賦值:

  • 把右邊變量存儲存儲的值(具體的數(shù)據(jù))復(fù)制一份給左邊的變量
  • 值類型的賦值:是簡單數(shù)據(jù)的復(fù)制,他們保存在相對獨(dú)立的空間中,彼此不會影響

• 引用類型

  • 把右邊變量存儲存儲的值(指向具體數(shù)據(jù)的地址)復(fù)制一份給左邊的變量
  • 引用類型賦值:修改了某個對象的屬性,對另外一個對象的屬性會有影響

//引用類型使用注意
  console.log(arr1,arr2);         //[1,2,3],[1,2,3];
  console.log(arr1 == arr2);      //true
  arr1.push(4);
  console.log(arr1,arr2);         //[1,2,3,4],[1,2,3,4]
  /**
   * 代碼說明:因?yàn)閍rr1和arr2內(nèi)部的引用指向的是同一塊數(shù)據(jù),所以修改了arr1會對arr2也產(chǎn)生影響
   * */

• 03 值類型和引用類型作為函數(shù)參數(shù)處理

• 函數(shù)里面的相關(guān)術(shù)語

• 形參(形式參數(shù)):占位用的參數(shù),用來接收數(shù)據(jù)的參數(shù)而已，在沒有調(diào)用函數(shù)的時候形參是沒有值的。

• 實(shí)參(實(shí)際參數(shù)):實(shí)際傳遞的參數(shù)。

• 函數(shù)的調(diào)用:在函數(shù)被調(diào)用的時候，函數(shù)會默認(rèn)把實(shí)參的值賦值給形參

• 值類型作為函數(shù)的參數(shù):在函數(shù)內(nèi)部對形參變量進(jìn)行修改是不會影響到實(shí)參的值。因?yàn)閷?shí)參和形參他們的數(shù)據(jù)是相互獨(dú)立的。

• 引用類型作為函數(shù)的參數(shù)：在函數(shù)內(nèi)部對形參變量進(jìn)行修改會影響到實(shí)參的值，因?yàn)樗麄兊囊弥赶蛲粋€對象。（形參和實(shí)參共享同一份數(shù)據(jù),修改其中的某個對象對另外一個對象也會有影響）

代碼示例

<script>
    //01 值類型作為函數(shù)的參數(shù)傳遞
    var number = 10;
    function funcName(n) {
        //n = number; 內(nèi)部默認(rèn)的實(shí)現(xiàn)
        n = 5;
        console.log(n);    //number = 5
    }
    funcName(number);
    console.log(number); //10
</script>
<script>
    //02 引用類型作為函數(shù)的參數(shù)傳遞
    var obj = {name:"小明"};
    function funcName(param) {
        param.name = "小王";
        param = {
            name:"張明明"
        };
        console.log(param.name);    //張明明
    }
    funcName(obj);
    console.log(obj.name); //(小王) or 小明
    var arr1 = [1,2,3];
    var arr2 = arr1;
    console.log(arr1);
    console.log(arr2);
arr2 = [1,2,3];     //該行代碼切斷和arr1的關(guān)系,對象內(nèi)保存的地址指向了另外一塊內(nèi)存空間
    arr1.push(4);
    console.log(arr1);  //1,2,3,4
    console.log(arr2);  //1,2,3
</script>

• 04 值類型和引用類型的相關(guān)圖示

• 基本類型的賦值

var str1 = "hello zhangsan";
var str2 = str1;

引用類型的結(jié)構(gòu)和賦值

 var car = {
        color:"黑色",
        number:"B99"
    };


    var p1 = {
        name:"王寶寶",
        age:30,
        car:car
    };

結(jié)構(gòu)圖：

結(jié)構(gòu)圖

var obj1 = {
        name:"lisi",
        age:18
    };

    var obj2 = obj1;

結(jié)構(gòu)圖：

結(jié)構(gòu)圖