構(gòu)造函數(shù)小記

cangck_X 發(fā)布于2019-08-26 10:15 / 2368人閱讀

摘要：也就是說這個變量，保存的內(nèi)存地址就是，同時被標(biāo)記為的實例以上就是構(gòu)造函數(shù)的整個執(zhí)行過程。

前言算是

當(dāng)一個函數(shù)創(chuàng)建好以后，我們并不知道它是不是構(gòu)造函數(shù)（構(gòu)造函數(shù)習(xí)慣上首字母大寫），只有當(dāng)一個函數(shù)以 new 關(guān)鍵字來調(diào)用的時候，我們才能說它是一個構(gòu)造函數(shù)

eg：
    function Person (name, age) {
   this.name = name;
   this.age = age;
  }

var per1 = new Person("yuchen", 22);

構(gòu)造函數(shù)的執(zhí)行流程：

當(dāng)以 new 關(guān)鍵字調(diào)用時，會創(chuàng)建一個新的內(nèi)存空間

函數(shù)體內(nèi)部的 this 指向該內(nèi)存"也就是Person的實例"

        * 每當(dāng)創(chuàng)建一個實例的時候，就會創(chuàng)建一個新的內(nèi)存空間(#f2, #f3)，
        * 創(chuàng)建 #f2 的時候，函數(shù)體內(nèi)部的 this 指向 #f2, 
        * 創(chuàng)建 #f3 的時候，函數(shù)體內(nèi)部的 this 指向 #f3。

執(zhí)行函數(shù)體內(nèi)的代碼
（給 this 添加屬性，就相當(dāng)于給實例添加屬性）

默認(rèn)返回 this
由于函數(shù)體內(nèi)部的 this 指向新創(chuàng)建的內(nèi)存空間，默認(rèn)返回 this ，就相當(dāng)于默認(rèn)返回了
該內(nèi)存空間，也就是上圖中的 #f1。此時，#f1的內(nèi)存空間被變量 p1 所接受。也就是說
p1 這個變量，保存的內(nèi)存地址就是 #f1，同時被標(biāo)記為 Person 的實例

以上就是構(gòu)造函數(shù)的整個執(zhí)行過程。

構(gòu)造函數(shù)的返回值

構(gòu)造函數(shù)執(zhí)行過程的最后一步是默認(rèn)返回 this,構(gòu)造函數(shù)的返回值還有其它情況

           (1) )沒有手動添加返回值，默認(rèn)返回 this 
                function Person1() {
                  this.name = "zhangsan";
                }
                var p1 = new Person1();
                
                p1: {
                  name: "zhangsan"
                }
            (2) 手動添加一個基本數(shù)據(jù)類型的返回值，最終還是返回 this
                function Person2() {
                  this.age = 28;
                  return 50;
                }
                var p2 = new Person2();
                console.log(p2.age);   // 28
                
                p2: {
                  age: 28
                }
                注意：如果上面是一個普通函數(shù)的調(diào)用，那么返回值就是 50 ！！！
        (3) 手動添加一個復(fù)雜數(shù)據(jù)類型(對象)的返回值，最終返回該對象
                  例一：
                   function Person3() {
                      this.height = "180";
                      return ["a", "b", "c"];
                    }

                    var p3 = new Person3();
                    console.log(p3.height);  // undefined
                    console.log(p3.length);  // 3
                    console.log(p3[0]);      // "a"
                例二：
                    function Person4() {
                      this.gender = "男";
                      return { gender: "中性" }
                    }

                    var p4 = new Person4();
                    console.log(p4.gender);  // "中性"

// 構(gòu)造函數(shù)基礎(chǔ)點學(xué)習(xí)完畢啦~