1. 程式人生 > >建構函式的幾種方式

建構函式的幾種方式

工廠模式

使用工廠模式建構函式,系統會在函式內部自動幫你定義一個物件,如:

var obj = new Object();

函式構建完成後系統還會自動幫你返回一個物件,如:

return this;

工廠模式分為三個步驟建構函式:
1.原料:原料這個步驟其實就是上面所說的構造物件,系統會自動幫你解決這個問題;
2.加工:這個步驟需要自己動手完成!這個過程就是建立這個建構函式中的方法:

obj.showQQ=function (){
    alert('我的QQ號:'+this.qq);
};

3.出廠:這個步驟就是返回一個this(obj)物件,當然這個步驟也是系統完成的;

函式構造完成後在外部就可以直接定義一個變數,這個變數可以直接呼叫函式的中的方法。

混合模式

混合模式建構函式,就是將工廠方式細化,使用建構函式建立屬性,使用原型建立方法。

使用混合模式,對建構函式的命名有一定的要求,最好是函式名首字母大寫。
下面舉個例子說明混合模式的寫法:

// 建構函式加屬性
function Fn(id){
    this.box = document.getElementById(id);
    this.init();
}
// 原型建立方法
Fn.prototyopr.init = function(){
    this.box.style.backgroundColor = 'green'
; } // 通過呼叫init方法將div的背景色改成綠色 window.onload = function(){ var oDiv = new Fn('box'); oDiv.init(); }