首頁 > web前端 > js教程 > 主體

JavaScript物件導向程式設計教程

PHPz
發布: 2018-09-28 15:25:38
原創
1769 人瀏覽過

JavaScript中物件的定義為:無序屬性的集合,其屬性可以包含基本值、物件或函數。可以把物件想像成散列表,就是一組名值對(key:value),其中值可以是資料或函數,每個物件都是基於一個引用類型創建的。

理解物件

前面的部落格裡寫過創建物件的方式有兩種,一種是創建一個object的實例,另一種是使用物件字面量法:

var person = new Object();
person.sex = man;
person.name = bluce
person.age = 58;
person.sayHi() = function(){
console.log('Hello World!');
}
登入後複製

但更多的是採用下面一種方式

var person = {
sex:man,
name:'bluce',
age:'58',
sayHi:function(){
console.log('Hello World!');
}
}
登入後複製

建立物件

使用Object構造函數和對象字面量法都可以創建單個對象,但有明顯的缺點:使用同一個接口創建很多對象,會產生大量的重複代碼。常用的創建物件方式主要有工廠模式、建構函式模型、原型模式。

這裡有自己的一個疑問:採用AMD規範後,編寫的單個js文件,可以看做一個模組,也可以說是一個“類”,現在與JavaScript中的這個“類”概念有點混淆了,希望後面能分辨出應用場合吧。

關於JavaScript物件導向程式設計教學小編就跟大家介紹到這裡,希望對大家有幫助!

 下面為大家補充JavaScript物件導向設計-工廠模式

 工廠模式是軟體工程領域一種廣為人知的設計模式,這種模式抽象化了創建具體物件的過程,可以用函數來封裝以特定介面建立物件的細節。

之前在Java的DAO中用過這種設計模式,比較容易理解。

function createPerson(name,age,sex){
  var obj = new Object();
  obj.name = name;
  obj.age = age;
  obj.sex = sex;
  obj.sayHi() = function(){
    console.log(this.name);
  }; //引号不要漏掉,养成好的习惯
  return obj;
}
var person1 = createPerson("bluce",58,"man");
var person2 = createPerson("john",68,"man");
登入後複製

使用該函數可以根據收到的參數建立一個包含必要資訊的Person物件。可以無數次地呼叫這個函數,每次都會傳回一個包含三個屬性和一個方法的物件。工廠模式解決了創建多個相似物件的問題,但沒有解決物件識別的問題(如何知道一個物件的類型)。

以上就是本章的全部內容,更多相關教學請訪問JavaScript影片教學

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板