JavaScript 面向對象編程（1）基礎

2024-05-06 14:09:59

字體：大中小

來源：轉載

供稿：網友

1. 用JavaScript實現類
JavaScritpt沒有專門的機制實現類，這里是借助它的函數允許嵌套的機制來實現類的。一個函數可以包含變量，又可以包含其它函數，這樣，變量可以作為屬性，內部的函數就可以作為成員方法了。因此外層函數本身就可以作為一個類了。如下：
代碼如下:
function myClass()
{
//此處相當于構造函數
}

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

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

上一篇：JQuery select標簽操作代碼段

下一篇：asp.net+js 實現無刷新上傳解析csv文件的代碼