淺談JavaScript中面向?qū)ο蠹夹g(shù)的模擬
在C#和Java語(yǔ)言中，面向?qū)ο笫且灶?lèi)的方式實(shí)現(xiàn)的，特別是繼承這個(gè)特性，類(lèi)的方式繼承表現(xiàn)出了強(qiáng)大的功能，而且也易于學(xué)習(xí)。JavaScript不是純的面向?qū)ο蟮恼Z(yǔ)言，而是基于對(duì)象的語(yǔ)言，對(duì)象的繼承是以原型函數(shù)的形式繼承的，很多初學(xué)者剛開(kāi)始接觸的時(shí)候不太理解，但是JavaScript這種以原型函數(shù)的形式實(shí)現(xiàn)面向?qū)ο蠹夹g(shù)，不僅是可行的，而且還為面向?qū)ο蠹夹g(shù)提供了動(dòng)態(tài)繼承的功能，本文主要討論了JavaScript的面向?qū)ο蠹夹g(shù)。
原型對(duì)象概述
每個(gè)JavaScript對(duì)象都有原型對(duì)象，對(duì)象都繼承原型對(duì)象的所有屬性。一個(gè)對(duì)象的原型是由創(chuàng)建該對(duì)象的構(gòu)造函數(shù)定義的。JavaScript的所有函數(shù)都有一個(gè)名為prototype的屬性，該屬性引用了原型對(duì)象，該原型對(duì)象初始化的時(shí)候只有constructor屬性來(lái)引用創(chuàng)建該原型對(duì)象的對(duì)象。JavaScript沒(méi)有Class定義類(lèi)的概念，構(gòu)造函數(shù)就定義了類(lèi)，并初始化類(lèi)中的屬性，每個(gè)類(lèi)的成員都會(huì)從原型對(duì)象中繼承相同的屬性，也就是說(shuō)，原型對(duì)象提供了類(lèi)的實(shí)例共享的屬性和方法，這就節(jié)約了內(nèi)存。
當(dāng)讀取一個(gè)對(duì)象的屬性的時(shí)候，JavaScript會(huì)先從對(duì)象中查找，如果沒(méi)有查找到，才會(huì)到原型對(duì)象中查找該屬性（或方法），所以，尤其是對(duì)于方法，***保存到原型對(duì)象中以便于共享，并且達(dá)到節(jié)省內(nèi)存的目的，而且原型對(duì)象還有一個(gè)強(qiáng)大的功能，那就是如果通過(guò)構(gòu)造函數(shù)實(shí)例化一些對(duì)象后，再給構(gòu)造函數(shù)的原型對(duì)象增加屬性和方法，那么它原來(lái)實(shí)例化的對(duì)象實(shí)例將會(huì)繼承這些增加的屬性和方法。
對(duì)象屬性、對(duì)象方法、類(lèi)屬性、類(lèi)方法
每個(gè)對(duì)象都會(huì)有自己?jiǎn)为?dú)的實(shí)例屬性和實(shí)例方法的副本，如果實(shí)例化5個(gè)對(duì)象，那么就會(huì)有5個(gè)對(duì)象的實(shí)例屬性和實(shí)例方法副本。This關(guān)鍵字引用它們的實(shí)例對(duì)象，也就是說(shuō)，誰(shuí)操作了實(shí)例方法，this就引用誰(shuí)；訪(fǎng)問(wèn)了哪個(gè)實(shí)例對(duì)象的屬性，this就引用這個(gè)實(shí)例對(duì)象。
類(lèi)方法和類(lèi)屬性只有一個(gè)副本，類(lèi)方法調(diào)用的時(shí)候必須引用類(lèi)的名字，例如：Date.setHours();
下面用一個(gè)程序來(lái)表現(xiàn)實(shí)例屬性、實(shí)例方法、類(lèi)屬性、類(lèi)方法
- function Mobile(kind,brand) {
- this.kind=kind;//定義手機(jī)的種類(lèi)，例如GSM/CDMA
- this.brand=brand;//定義手機(jī)的品牌，this關(guān)鍵字表示用該構(gòu)造函數(shù)實(shí)例化之后的對(duì)象
- }
- /**//*
- 定義類(lèi)的第二步是在構(gòu)造函數(shù)的原型對(duì)象中定義它的實(shí)例方法或其他屬性
- 該對(duì)象定義的任何屬性都將這個(gè)類(lèi)的所有實(shí)例繼承。
- */
- //撥號(hào)，這里只是返回電話(huà)號(hào)碼
- Mobile.prototype.dial = function(phoneNo) {
- return phoneNo;
- };
- /**//*
定義類(lèi)的第三步是定義類(lèi)方法，常量和其他必要的類(lèi)屬性，作為構(gòu)造函數(shù)自身的屬性，而不是構(gòu)造函數(shù)
原型對(duì)象的屬性，注意，類(lèi)方法沒(méi)有使用關(guān)鍵字this，因?yàn)樗麄冎粚?duì)他們的實(shí)際參數(shù)進(jìn)行操作。
- */
- //開(kāi)機(jī)關(guān)機(jī)方法
- Mobile.turnOn=function() {
- return "The power of mobile is on";
- }
- Mobile.turnOff=function() {
- return "The power of mobile is off";
- }
- //類(lèi)屬性，這樣他們就可以被用作常量，注意實(shí)際上他們并不是只讀的
- Mobile.screenColor=64K;//假設(shè)該類(lèi)手機(jī)的屏幕顏色都是64K彩屏的
子類(lèi)化
JavaScript支持子類(lèi)化，只需把子類(lèi)的原型對(duì)象用超類(lèi)實(shí)例化即可，但是應(yīng)該注意，這樣子類(lèi)化之后就會(huì)存在一個(gè)問(wèn)題，由于是用超類(lèi)實(shí)例化子類(lèi)的原型對(duì)象取得的，所以就沖掉了自己本身的由JavaScript提供的constructor屬性，為了確保constructor的正確性，需要重新指定一下，子類(lèi)化的程序例子如下：
- /***** 子類(lèi)化 *****/
- //下面是子類(lèi)構(gòu)造函數(shù)智能型手機(jī)
- function SmartPhone(os)
- {
- this.os=os;
- }
- //我們將Mobile對(duì)象作為它的原型
- //這意味著新類(lèi)的實(shí)例將繼承SmartPhone.prototype,
- //后者由Mobile.prototype繼承而來(lái)
- //Mobile.prototype又由Object.prototype繼承而來(lái)
- SmartPhone.prototype=new Mobile(GSM,Nokia);
- //下面給子類(lèi)添加一個(gè)新方法，發(fā)送電子郵件，這里只是返回Email地址
- SmartPhone.prototype.sendEmail=function(emailAddress) {
- return this.emailAddress
- }
- //上面的子類(lèi)化方法有一點(diǎn)缺陷，由于我們明確把SmartPhone.prototype設(shè)成了我們所創(chuàng)建的一個(gè)對(duì)象，所以就覆蓋了JS提供
- //的原型對(duì)象，而且丟棄了給定的Constructor屬性。該屬性引用的是創(chuàng)建這個(gè)對(duì)象的構(gòu)造函數(shù)。但是SmartPhone對(duì)象集成了它的
- //父類(lèi)的constructor，它自己沒(méi)有這個(gè)屬性，明確設(shè)置著一個(gè)屬性可以解決這個(gè)問(wèn)題：
- SmartPhone.prototype.constructor=SmartPhone;
- var objSmartPhone=new SmartPhone();//實(shí)例化子類(lèi)
【編輯推薦】
