JavaScript 面向?qū)ο缶幊蹋?）基礎(chǔ)

2024-05-06 14:09:59

字體：大中小

供稿：網(wǎng)友

1. 用JavaScript實(shí)現(xiàn)類(lèi)
JavaScritpt沒(méi)有專(zhuān)門(mén)的機(jī)制實(shí)現(xiàn)類(lèi)，這里是借助它的函數(shù)允許嵌套的機(jī)制來(lái)實(shí)現(xiàn)類(lèi)的。一個(gè)函數(shù)可以包含變量，又可以包含其它函數(shù)，這樣，變量可以作為屬性，內(nèi)部的函數(shù)就可以作為成員方法了。因此外層函數(shù)本身就可以作為一個(gè)類(lèi)了。如下：
代碼如下:
function myClass()
{
//此處相當(dāng)于構(gòu)造函數(shù)
}

這里 myClass就是一個(gè)類(lèi)。其實(shí)可以把它看成類(lèi)的構(gòu)造函數(shù)。至于非構(gòu)造函數(shù)的部分，以后會(huì)詳細(xì)描述。
2. 如何獲得一個(gè)類(lèi)的實(shí)例
實(shí)現(xiàn)了類(lèi)就應(yīng)該可以獲得類(lèi)的實(shí)例，JavaScript提供了一個(gè)方法可以獲得對(duì)象實(shí)例。即 new操作符。其實(shí)JavaScript中，類(lèi)和函數(shù)是同一個(gè)概念，當(dāng)用new操作一個(gè)函數(shù)時(shí)就返回一個(gè)對(duì)象。如下：
var obj1 = new myClass();
3. 對(duì)象的成員的引用
在JavaScript中引用一個(gè)類(lèi)的屬性或方法的方法有以下三種。
1> 點(diǎn)號(hào)操作符
這是一種最普遍的引用方式，就不累贅。即如下形式：
對(duì)象名.屬性名;
對(duì)象名.方法名;
2> 方括號(hào)引用
JavaScript中允許用方括號(hào)引用對(duì)象的成員。如下：
對(duì)象名["屬性名"];
對(duì)象名["方法名"];
這里方括號(hào)內(nèi)是代表屬性或方法名的字符串，不一定是字符串常量。也可以使用變量。這樣就可以使用變量傳遞屬性或方法名。為編程帶來(lái)了方便。在某些情況下，代碼中不能確定要調(diào)用那個(gè)屬性或方法時(shí)，就可以采用這種方式。否則，如果使用點(diǎn)號(hào)操作符，還需要使用條件判斷來(lái)調(diào)用屬性或方法。
另外，使用方括號(hào)引用的屬性和方法名還可以以數(shù)字開(kāi)頭，或者出現(xiàn)空格，而使用點(diǎn)號(hào)引用的屬性和方法名則遵循標(biāo)示符的規(guī)則。但一般不提倡使用非標(biāo)示符的命名方法。
3> 使用eval函數(shù)
如果不希望使用變量傳遞變量或方法名，又不想使用條件判斷，那么eval函數(shù)是一個(gè)好的選擇。eval接收一個(gè)字符串類(lèi)型的參數(shù)，然后將這個(gè)字符串作為代碼在上下文中執(zhí)行，返回執(zhí)行的結(jié)果。這里正是利用了eval的這一功能。如下：
alert(eval("對(duì)象名." + element.value));
4. 對(duì)對(duì)象屬性，方法的添加、修改和刪除操作
JavaScript中，在生成對(duì)象之后還可以為對(duì)象動(dòng)態(tài)添加、修改和刪除屬性和方法，這與其它面向?qū)ο蟮恼Z(yǔ)言是不同的。
1> 添加屬性和方法
先創(chuàng)建一個(gè)對(duì)象，空對(duì)象創(chuàng)建后沒(méi)有任何屬性和方法，然而我們可以在代碼中創(chuàng)建。
代碼如下:
var obj1 = new Object();
//添加屬性
obj1.ID = 1;
obj1.Name = "johnson";
//添加方法
obj1.showMessage = function()
{
alert("ID: " + this.ID + ", Name: " + this.Name);
}

2> 修改屬性與方法
與添加屬性和方法類(lèi)似，例如接著上面的例子：
代碼如下:
// 修改屬性
obj1.ID = 2;

上一篇：JQuery select標(biāo)簽操作代碼段

下一篇：asp.net+js 實(shí)現(xiàn)無(wú)刷新上傳解析csv文件的代碼