JavaScript基礎-物件導向編程<1>

標籤：

1.1 函數與對象

 1.定義函數的方式定義類

   定義類的方法：

 function class1(){ //類成員的定義及建構函式部分 } 

 class1既是一個函數，也是一個類。

 使用 new 操作符獲得一個類的執行個體

new 操作符，不僅對JavaScript的內部對象有效，同樣可以用於自訂的類來擷取一執行個體。

例如：

1 var obj1=new class1;//獲得class1的執行個體，即一個對象obj1

使用點格式和方括弧格式引用對象的屬性和方法

   對象名.屬性或方法名

   對象名.["屬性或方法名"]

例如：

1 var arr=new Array(); //擷取一個數組對象執行個體2 arr.push("abc");//為數組添加一個元素，push()為Array()的方法3 var len=arr.length; // 擷取數組的長度，length是Array()的屬性4 alert(len); //輸出數組的長度

或者

var arr = new Array();arr["push"]("abc");var len=arr["length"];alert(len);

這種引用的方式和數組類似，體現了對象就是一組屬性和方法的集合。

 使用了方括弧格式實現調用

<script  type="text/javascript"> // 定義一個類User並包括個成員age和sex,指定初始值 function User(){      this.age=21;      this.sex="male";}var user= new User(); //建立一個對象user //根據下列列表選項顯示使用者資訊 function show(slt){     if(slt.selectIndex!=0){      alert(user[slt.value]);//根據屬性選項顯示其值，使用了方括弧格式調用    /* 若使用點格式，則用if(slt.value="age")alert(user.age);                          if(slt.value="sex")alert(user.sex);                  */   }}<script>//建立下列列表框用於選擇並顯示資訊<select onChange="show(this)">    <option>請選擇需要查看的資訊</option>    <option value="age">年齡</option> //屬性選項可以是二者其一    <option value="sex">性別</option></select>

 

 

 

JavaScript基礎-物件導向編程<1>