JS物件導向程式設計(一)：物件

justcool發表於2018-11-21
JS物件程式設計

序言

  人生路漫漫，你還在為經常被別人發狗糧而發愁嗎？你還在為沒有物件而焦慮嗎？連js都有物件了，你還在等什麼？趕快來new一個吧！

你需要一個物件

1.我們在學習JavaScript的時候，在資料型別這節發現JavaScript有一個引用資料型別叫物件；而我們要學習的物件和這個物件有什麼關係呢？

  是包含關係,資料型別中的物件是我們所說的物件的子集；因為在JavaScript中，幾乎所有的事物都是物件(來不及解釋了，先上車！);

2.什麼是JavaScript物件？

  JavaScript 物件是擁有屬性和方法的資料;
  建立 Object 例項的方式有兩種。第一種是使用 new 操作符後跟 Object 建構函式，例如：

var person = new Object(); 
person.name = "小明"; 
person.age = 12; 
複製程式碼

  另一種方式是使用物件字面量表示法。物件字面量是物件定義的一種簡寫形式，目的在於簡化建立 包含大量屬性的物件的過程：

var person = { 
 name : "Nicholas", 
 age : 29 
}; 
複製程式碼

3.什麼是屬性、物件和方法？舉個栗子:

var car = { 
 color: white;, 
 weight: "1650kg",
 start: function(){ 
    alert("The car has been started");
 },
 stop: function(){ 
    alert("The car has stopped");
 } 
}; 
複製程式碼

  我們定義一輛汽車；汽車是一個物件。物件有它的屬性，如重量和顏色等，方法有啟動停止等
  我們可以用點表示發和括號表示法來訪問物件的屬性和方法

alert(car.color);       //"white" 
alert(car["color"]]);   //"white" 
複製程式碼

從功能上看，這兩種訪問物件屬性的方法沒有任何區別。但是括號語法的優點是可以通過變數 來訪問屬性

var propertyColor = "color"; 
alert(car[propertyColor]); //"white" 
複製程式碼

  雖然 可以通過建立Object例項或物件字面量來建立單個物件，但這些方式有個明顯的缺點：使用同一個介面建立很多物件，會產生大量的重複程式碼。所以下一節《建構函式》

相關文章