使用JavaScript實現觀察者模式

原文出處：http://www.codeproject.com/KB/scripting/Observer_Pattern_JS.aspx

JavaScript的簡單介紹

JavaScript是一種基於原型（prototype）的指令碼語言（以前叫LiveScript）。它的文法鬆散，類似於C語言。該指令碼語言是由Netscape社團開發的，用於Navigator瀏覽器。和C語言一樣，JavaScript本身沒有建構函式和解構函式。C語言依賴於標準輸入/輸出庫；而JavaScript則依賴於執行它的宿主環境。這種指令碼語言使用自訂函數，其他語言中可能會被稱為過程、常式或功能。基於web的JavaScript主要用於在web頁面中和DOM（即文件物件模型）進行互動，以便完成一些僅使用HTML無法實現的功能。JScript是微軟推出的和 JavaScript 對應的一種指令碼語言，它用於微軟的IE瀏覽器當中。

在JavaScript中建立自訂對象

建立一個新的JavaScript對象需要2個步驟。首先，你需要建立一個函數，函數名就是建立的類的名稱。這個函數也就是我們經常說的 建構函式。然後，你必須使用 new 操作符，後面跟上對象的名稱以及一些必要的參數來建立一個對象的執行個體。下面的代碼定義了一個 Person 函數，然後使用 new 操作符建立了 Person 的執行個體：

function Person(name, surname)
{
　　 this.name = name;
　　 this.surname = surname;
}

var salvo = new Person('Salvatore', 'Vetro');

this關鍵字是指向你當前正在執行的對象的執行個體，因此，允許你在當前對象上添加或修改對象的屬性。

如何為對象添加方法？

在JavaScript中，通過調用綁定了原型屬性的 建構函式 來建立任何對象。添加新方法的文法如下：

customeObject.prototype.newMethodName = function;
//方法體
Person.prototype.Speak = function(){...};

如果你在一個對象的prototype屬性上添加一個方法，那麼，所有通過該對象的建構函式建立的執行個體都具有這個新方法。注意，prototype 本身也是一個對象，而且能夠通過 物件常值文法（object literal syntax） 來為它定義屬性和方法：

function NewObject()
{
　　 alert("I am a new object.");
}

NewObject.prototype =
{
　　 alert1 : function(str){alert(str);}, //新方法
　　 name : 'As you want', //新屬性
　　 Alert2 : function(){alert('Bye.');}, //新方法
};
var newObject = new NewObject();
newObject.alert1("Ciao");
newObject.name;
newObject.alert2();

指令碼每次嘗試讀/寫對象的屬性的時候，JavaScript會按照特定的順序來搜尋和指定名稱匹配的屬性。順序如下：

l　如果該屬性已經分配給當前對象，則使用該屬性的值；

l　如果在當前對象中沒有搜尋到指定的屬性，則檢查該物件建構函數的prototype屬性的值；

l　沿著prototype鏈一直尋找，直到找到匹配的屬性（已經為它賦值），否則，一直會尋找到 Object 對象。因此，如果你改變了建構函式的prototype屬性的值，並且沒有在建構函式的某個執行個體中重寫屬性的值，JavaScript會返回對象當前prototype屬性的值。