javascript如何建立一個物件例項

antzone發表於2017-04-11

本章節介紹一下javascript是如何建立一個物件例項。

我們知道在javascript中可以把function等同一個類,使用new運算子呼叫它就可以建立一個物件例項。

下面看一個簡單的程式碼例項:

[JavaScript] 純文字檢視 複製程式碼
function Antzone(webName, url) {
  this.webName = webName;
  this.url = url;
}
var oantzone = new Antzone("螞蟻部落", "www.softwhy.com");
console.log(oantzone.webName);
console.log(oantzone.url);

上面的程式碼就是一個建立物件例項的簡單程式碼,下面簡單介紹一下它的內部實現過程。

(1).首先定義一個類。

(2).使用new操作符緊跟你所定義的函式來建立一個新的類的例項。

(3).一旦Javascript編譯器碰到了new操作符,它就建立了一個空的例項變數,將類中prototype的所有屬性和方法複製到這個例項中,並將成員函式中所有的this指向這個新建立的例項。

(4).接下來,執行緊跟在new操作符後面的那個函式。

關於prototype原型這裡就不多介紹了,更多內容可以參閱javascript prototype原型一章節。


相關文章