JavaScript面向對象程序設計教程
JavaScript中對象的定義為:無序屬性的集合,其屬性可以包含基本值、對象或者函數(shù)??梢园褜ο笙胂蟪缮⒘斜?,就是一組名值對(key:value),其中值可以是數(shù)據(jù)或函數(shù),每個對象都是基于一個引用類型創(chuàng)建的。
理解對象
前面的博客里寫過創(chuàng)建對象的方式有兩種,一種是創(chuàng)建一個object的實例,另一種是使用對象字面量法:
var person = new Object(); person.sex = man; person.name = bluce person.age = 58; person.sayHi() = function(){ console.log('Hello World!'); }
但更多的是采用下面一種方式
var person = { sex:man, name:'bluce', age:'58', sayHi:function(){ console.log('Hello World!'); } }
創(chuàng)建對象
使用Object構造函數(shù)和對象字面量法都可以創(chuàng)建單個對象,但有明顯的缺點:使用同一個接口創(chuàng)建很多對象,會產生大量的重復代碼。常用的創(chuàng)建對象方式主要有工廠模式、構造函數(shù)模型、原型模式。
這里有自己的一個疑問:采用AMD規(guī)范后,編寫的單個js文件,可以看做一個模塊,也可以說是一個“類”,現(xiàn)在與JavaScript中的這個“類”概念有點混淆了,希望后面能分清應用場合吧。
關于JavaScript面向對象程序設計教程小編就給大家介紹到這里,希望對大家有所幫助!
下面給大家補充JavaScript面向對象設計——工廠模式
工廠模式是軟件工程領域一種廣為人知的設計模式,這種模式抽象了創(chuàng)建具體對象的過程,可以用函數(shù)來封裝以特定接口創(chuàng)建對象的細節(jié)。
之前在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); }; //引號不要漏掉,養(yǎng)成好的習慣 return obj; } var person1 = createPerson("bluce",58,"man"); var person2 = createPerson("john",68,"man");
使用該函數(shù)可以根據(jù)接收的參數(shù)創(chuàng)建一個包含必要信息的Person對象??梢詿o數(shù)次地調用這個函數(shù),每次都會返回一個包含三個屬性和一個方法的對象。工廠模式解決了創(chuàng)建多個相似對象的問題,但沒有解決對象識別的問題(如何知道一個對象的類型)
相關文章
JavaScript避免代碼的重復執(zhí)行經驗技巧分享
經常會發(fā)現(xiàn)一個問題,那就是重復的代碼執(zhí)行,下面就是一些在查看它們的源代碼時發(fā)現(xiàn)一些問題,把這些分享給大家,希望能讓你們更加簡潔高效的寫出JavaScript代碼2014-04-04js+html5實現(xiàn)canvas繪制橢圓形圖案的方法
這篇文章主要介紹了js+html5實現(xiàn)canvas繪制橢圓形圖案的方法,涉及html5圖形繪制的基礎技巧,感興趣的朋友可以參考一下2016-05-05火狐下table中創(chuàng)建form導致兩個table之間出現(xiàn)空白
js加入form導致兩個table之間出現(xiàn)空白,還有另一種說法在table中創(chuàng)建form表單是不符合DOM標準的,會導致post失效,以及js數(shù)據(jù)傳輸失效2013-09-09微信小程序如何加載數(shù)據(jù)庫真實數(shù)據(jù)的實現(xiàn)
這篇文章主要介紹了微信小程序如何加載數(shù)據(jù)庫真實數(shù)據(jù)的實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2020-03-03