建構函式的幾種方式
阿新 • • 發佈:2019-02-10
工廠模式
使用工廠模式建構函式,系統會在函式內部自動幫你定義一個物件,如:
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();
}