Javascript 面向?qū)ο?（聲明篇）

2024-05-06 14:10:09

字體：大中小

供稿：網(wǎng)友

由于才疏學(xué)淺，我不得不將《Javascript 高級(jí)程序設(shè)計(jì)》中的部分內(nèi)容摘抄過(guò)來(lái)，這些同時(shí)也算是我的讀書筆記吧。由于 Javascript 面向?qū)ο髾C(jī)制及其的重要，而且內(nèi)容非常的繁多，在這里就分篇章逐個(gè)介紹。

使用對(duì)象首先就是聲明它（內(nèi)置的對(duì)象當(dāng)然就不需要了）。該死的 Javascript 總是會(huì)讓我們死去很多的腦細(xì)胞，這篇文章主要說(shuō)明下聲明 Javascript 類的幾種方法。

工廠模式
工廠模式可能是很多開發(fā)人員使用的一種模式，簡(jiǎn)單的說(shuō)這種方法先定義“地基”，然后在往上面扔（綁定）各種功能和屬性。下面的代碼可能看起來(lái)會(huì)非常的熟悉：

代碼如下:
var oCar = new Object;
oCar.color = "red";
oCar.showColor = function() {
alert(this.color);
}
oCar.showColor();

當(dāng)然，既然包裝成一個(gè)類，就要重用它（上面的方法從語(yǔ)法上說(shuō)僅僅是變量）。可以使用返回特定對(duì)象的工廠函數(shù)（factory function）將其封裝起來(lái)：
代碼如下:
function createCar() {
var oCar = new Object;
oCar.color = "red";
oCar.showColor = function() {
alert(this.color);
}

return oCar;
}
oCar = createCar();
oCar.showColor();

當(dāng)然，變通一下，可以在 createCar 函數(shù)上加入些參數(shù)，這樣看起來(lái)已經(jīng)非常地專業(yè)了：
代碼如下:
function createCar(sColor) {
var oCar = new Object;
oCar.color = sColor;
oCar.showColor = function() {
alert(this.color);
}

return oCar;
}
oCar = createCar();
oCar.showColor();

匿名函數(shù)總是讓人感覺(jué)非常的高深，但是有時(shí)候也會(huì)迷惑了自己。如果不考慮篇幅，可以外部定義它：
代碼如下:
function showColor() {
alert(this.color);
}

function createCar(sColor) {
var oCar = new Object;
oCar.color = sColor;
oCar.showColor = showColor;

return oCar;
}
oCar = createCar();
oCar.showColor();

這樣做還有一個(gè)好處，就是不用重復(fù)定義 oCar.showColor 了（高效率的程序每個(gè)人都喜歡）。

構(gòu)造函數(shù)模式
構(gòu)造函數(shù)其實(shí)和工廠方式差不多。從代碼量上來(lái)說(shuō)，就是省略了構(gòu)造函數(shù)內(nèi)部沒(méi)有創(chuàng)建一個(gè)對(duì)象。
代碼如下:
function Car(sColor) {
this.color = sColor;
this.showColor = function () {
alert(this.color);
}
}
oCar = new Car("red");
oCar.showColor();

其實(shí)此隱含的對(duì)象已經(jīng)在 new 以后就被實(shí)例化了。默認(rèn)情況下，構(gòu)造函數(shù)返回的就是其 this 的值（所以不必使用 return 返回）。但構(gòu)造函數(shù)模式和工廠模式一樣可能會(huì)重復(fù)定義方法，這點(diǎn)可以參考上述工廠模式的做法避免它（始終看起來(lái)不完美）。

原型模式
已經(jīng)受夠重復(fù)定義的問(wèn)題了，那么有沒(méi)有完美的解決辦法呢？當(dāng)然有。使用原型方法可以有效的避免此類的問(wèn)題。

上一篇：跨瀏覽器的 mouseenter mouseleave 以及 compareDocumentPosition的使用說(shuō)明

下一篇：JSQL 一個(gè) web DB 的封裝