3.Javascript函數與對象

一、基本概念

• 函數與方法

  函數由一系列語句組成，這些語句因爲執行特定的任務而被分到同一組。方法的功能與函數一樣。只不過方法在對象內部創建

• 對象

  對象由一些屬性和方法組成

• 內置對象

  瀏覽器自帶的一組對象，類似於Java中的庫

二、函數

1. 聲明函數

   Javascript創建函數與Java類似，主要的不同點有兩點

   • Javascript使用function關鍵字聲明函數
   • 形參列表無類型聲明

   function getArea(width,height){	//()裏放參數列表
       //函數體
       return width*height;
   }
   

2. 調用函數(與Java類似)

   var wallWidth = 3;
   var wallHeight = 4;
   var area = getArea(3,4);	//如果是其他對象內的方法，需要對象.方法名調用
   

3. 從函數中返回多個值（與Java相同）

   //將多個返回值存放在數組中，返回數組名
   function getSize(width,height,depth){	
       var area = width * height;
       var volume = width * height * depth;
       var size = [area, volume];
       return size;
   }
   
   //調用
   var areaOne = getSize(3,2,3)[0];
   var volumeOne = getSize(3,2,3)[1];
   
   //或者用一個變量保存返回的數組，再調用數組中的值
   

三、對象

在對象中函數被稱爲方法，變量被稱爲屬性

1. 創建對象方法一(常用)

   語法形式：

   • 將對象內容保存在一對花括號中，並賦值給一變量，此變量稱爲對象
   • 每個鍵和值之間用冒號隔開

   //注意是逗號而不是分號
   var obj = {
       name:"myw",
       age: 21,
       show : function(){	//show爲該方法的方法名
           alert("my name is " + this.name);
       }
   };
   
   

   還可以先聲明，後爲該對象添加成員和方法(常用)

   var obj = {};
   
   //添加屬性
   obj.name = "myw";
   obj.age = 21;
   
   //添加方法
   obj.show = function(){
   	alert("my name is " + obj.name);
   }
   
   //使用添加的方法
   obj.show();
   

2. 創建對象的方法二(簡述)

   使用new關鍵字去創造對象

3. 刪除對象的屬性和方法

   使用delete關鍵字刪除對象的屬性和方法

   delete obj.name;	//刪除obj的name屬性
   delete obj.show;	//刪除obj的show方法