JavaScript中對象的定義為:無序屬性的集合,其屬性可以包含基本值、對象或者函數。可以把對象想象成散列表,就是一組名值對(key:value),其中值可以是資料或函數,每個對象都是基於一個參考型別建立的。
理解對象
前面的部落格裡寫過建立對象的方式有兩種,一種是建立一個object的執行個體,另一種是使用對象字面量法:
var person = new Object();person.sex = man;person.name = bluceperson.age = 58;person.sayHi() = function(){console.log('Hello World!');}
但更多的是採用下面一種方式
var person = {sex:man,name:'bluce',age:'58',sayHi:function(){console.log('Hello World!');}}
建立對象
使用Object建構函式和對象字面量法都可以建立單個對象,但有明顯的缺點:使用同一個介面建立很多個物件,會產生大量的重複代碼。常用的建立對象方式主要有原廠模式、建構函式模型、原型模式。
這裡有自己的一個疑問:採用AMD規範後,編寫的單個js檔案,可以看做一個模組,也可以說是一個“類”,現在與JavaScript中的這個“類”概念有點混淆了,希望後面能分清應用場合吧。
關於JavaScript物件導向程式設計教程小編就給大家介紹到這裡,希望對大家有所協助!
下面給大家補充JavaScript物件導向設計——原廠模式
原廠模式是軟體工程領域一種廣為人知的設計模式,這種模式抽象了建立具體對象的過程,可以用函數來封裝以特定介面建立對象的細節。
之前在Java的DAO中用過這種設計模式,比較容易理解。
function createPerson(name,age,sex){ var obj = new Object(); obj.name = name; obj.age = age; obj.sex = sex; obj.sayHi() = function(){ console.log(this.name); }; //引號不要漏掉,養成好的習慣 return obj;}var person1 = createPerson("bluce",58,"man");var person2 = createPerson("john",68,"man");
使用該函數可以根據接收的參數建立一個包含必要資訊的Person對象。可以無數次地調用這個函數,每次都會返回一個包含三個屬性和一個方法的對象。原廠模式解決了建立多個相似對象的問題,但沒有解決對象識別的問題(如何知道一個對象的類型)