Java程式碼
var Player = (function(){
Player = function(){ //這只是個空殼
throw new Error("Can not instantiate a Player object."); 1;
Player.MAX_EXTENDED_TIME = 3;
Player._player = false;
Player.getInstance = function(){ Player._player = {
_name : name,
_name : name,
_name : name,
toString : function(name){
return "Player: " + this._name;
}
}
return Player._player;
};
return Player; //把修繕完成的Player這個元件方法回傳
})();
//var
})();
//var player = /var player(出異常
var player1 = Player.getInstance();
var player1 = Player.getInstance();
var player2 = Player.getInstance();
player2.setName("RealPlayer") 一個元件方法了，利用原型來實現。看看這樣如何：
Java代碼
function Player(name){
Player.MIN_EXTENDED_TIME = 1;
Player.MAX_EXTEND_TIME = function(name) {
this._name = name;
};
Player.prototype.toString = function(){
return "Player: " + this._name;
alert(player.toString()); //輸出WindowsMediaPlayer
player.setName("RealPlayer");
alert(player.toString()); //輸出RealPlayer 封裝、有常數、也有復寫了Object的toString方法，至於繼承之類的事情，咱們後面再說，初看看還不錯。可是這樣的組件方法定義不夠優雅，也不夠直觀，方法都是放在獨立的位置定義的，並沒有和最開始的組件方法放置在一起，如果能像Java那樣定義豈不更好？
對了，可以用閉包來實現。試試看：
Java程式碼
function Player(name){
Player.MIN_EXTENDED_TIME = 1;
Player.MAX_EXTENDED_TIME = 3;
Player.MAX_EXTENDED_TIME = 3;
Player.MAX_EXTENDED_TIME = 3;
this._name = name;
};
this.toString = function(){
return "Player: " + this._name;
};
alert(player.toString ()); //輸出WindowsMediaPlayer
player.setName("RealPlayer");
alert(player.toString()); //輸出RealPlayer
alert(Player)MAX_EXTENDED_TIME);了很大程度上的強化，包括新的語法的支援；JavaScript的閉包是很簡單的閉包，它沒有特殊的需要額外學習的語法，任意一個function，裡面只要包含未綁定變量，這些變量是在function所屬的上下文環境中定義的，那麼，這個function就是閉包。順便囉嗦一句，和閉包相反的，不正是不包含任何未綁定變數的函數式程式碼嗎？
寫是寫好了，可是轉念一想，Player應當只有一份，它是單例的，最好我也能像Java那樣弄一個單例模式出來:)，可是事不遂願，我沒有辦法在JavaScript做一個private的建構器，用這種想法去實作單例模式似乎不可行…
怎麼辦？
然而天無絕人之路，我控制不了你new一個Player的對象，我卻可以控制你new出來的這個Player對象的屬性和行為！當你需要使用你new出來的Player的物件的時候，你發現根本無法完成，或者它只是一個空殼！真正的東西還是要靠單例中經典的getInstance方法來取得：
Java程式碼
function Player(){
throw new Error("Can not instantiate a Player object.");
}; //這只是個空殼
(function(){ //這就是貨真價實的東西？ MAX_EXTENDED_TIME = 3;
Player._player = false;
Player.getInstance = function(){
Player._player = {
_name : name ,
setName : function(name){
this._name = name;
return "Player: " + this._name;
} er ;
};
})();
//var player = new Player(); //new Player()會拋出異常
var player1 = Player.get Player()會拋出異常
var player1 = Player.getpstance(); );
player2.setName("RealPlayer");
alert(player2.toString()); //輸出RealPlayer
好，真不錯，單例模式在Java下也成功實作了－你要膽敢 Player ();就會拋出一個異常，這樣什麼也得不到，只有用getInstance方法得到的物件才是真真正正的Player物件。上面的程式碼整個執行的結果，只彈出了一次"Init..."的對話框，說明真正的「構造器邏輯」只呼叫了一次。
都做到這份上了，依然有小小的遺憾，Player的定義依然被拆分成了兩部分，一部分定義空殼，一部分是一個匿名函數來定義Player的常數和getInstance方法。這兩部分不能合而為一？
能。只需要用到一個小小的匿名函數，如果耐心從頭看到這裡，也一定能理解：
到此，終於如釋重負，深入理解JavaScript面向對象，用好原型和閉包這兩把鋒利的武器，才能寫出優秀的前端程式碼來。有一些同事私下和我交流，後面盡量貼簡潔的程式碼，希望有物件導向基礎和JavaScript基礎的同事都能有所收穫。
