构造函数的几种方式

工厂模式

使用工厂模式构造函数,系统会在函数内部自动帮你定义一个对象,如:

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();
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值