DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript面向對象程序設計教程
JavaScript面向對象程序設計教程
編輯:關於JavaScript     

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對象。可以無數次地調用這個函數,每次都會返回一個包含三個屬性和一個方法的對象。工廠模式解決了創建多個相似對象的問題,但沒有解決對象識別的問題(如何知道一個對象的類型)

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved