JavaScript物件導向程式設計教程_javascript技巧

來源:互聯網
上載者:User

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對象。可以無數次地調用這個函數,每次都會返回一個包含三個屬性和一個方法的對象。原廠模式解決了建立多個相似對象的問題,但沒有解決對象識別的問題(如何知道一個對象的類型)

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.