JavaScript進階 物件導向（13）--建構函式的執行過程

標籤：它的   調用   asc   初始化   運算子   ext   過程   物件導向   幹什麼   

說明（2017-4-2 21:50:45）

一、建構函式是幹什麼用的：

1. 初始化資料的。

2. 在js給對象添加屬性用的，初始化屬性值用。

二、建立對象的過程：

1. 代碼：var p = new Person();

2. 首先運算子new建立了一個對象，它類似於{}，是一個“沒有任何成員”的對象。

　　* 使用new建立對象，對象的類型就是建立它的建構函式名（如，Person類型）。

　　* 使用{}無論如何都是Object類型，相當於“new Object()”。

3. 然後調用建構函式為其初始化成員。

　　*建構函式在調用的一開始，有一個賦值操作，即this=剛剛建立出來的對象。

　　*因此在建構函式中，this表示剛剛建立出來的對象。

4. 在建構函式中，利用對象的動態特性，為對象新增成員。

三、分析代碼，寫出每一步的實現過程：

　　在第2行打斷點，但執行的時候是直接從第7行開始，因為7行是賦值，而2行只是函式宣告。逐語句運行，在watch裡可以看到this在慢慢增加屬性，最後p具有了三個屬性。

1 <script type="text/javascript">2     function Person(name, age, gender){3         this.name = name;4         this.age = age;5         this.gender = gender;6     }7     var p = new Person("張三", 19, "男");8 </script>

 

JavaScript進階 物件導向（13）--建構函式的執行過程