JS——Constructor(构造器)模式

Constructor是一种在内存已分配给该对象的情况下,用于初始化新创建对象的特殊方法。

模式结构图:


//基本构造器
function Car(model, year, miles) {

			this.model = model;
			this.year = year;
			this.miles = miles;

			this.toString = function(){
				return this.model + " has done " + this.miles + "miles";
			};
		}

		var civic = new Car("Honda", 2009, 20000);
		var mondeo = new Car("Ford", 2010, 5000);

		console.log(civic.toString());
		console.log(mondeo.toString());
有一个问题:使继承变得困难;
另一个问题:toString()这样的函数是为每个使用Car构造器创建的新对象而分别定义的。这不是最理想的,因为这种函数应该在所有的Car类型实例之间共享。


带原型的Constructor(构造器)
JS中有一个名为prototype的属性。调用JS构造器创建一个对象后,新对象就会具有构造器原型的所有属性。通过这种方式,可以创建多个Car对象,并访问相同的原型,因此我们可以扩展原始示例,如下:

function Car(model, year, miles) {

			this.model = model;
			this.year = year;
			this.miles = miles;
		}
		//分层 画图 toString()在上面,管各个实例,反正用的方法一致,就抽取出来(...原则)
		//
		Car.prototype.toString = function() {
			return this.model + " has done " + this.miles + "miles";
		};

		var civic = new Car("Honda Civic", 2009, 20000);
		var mondeo = new Car("Ford Mondeo", 2010,5000);

		console.log(civic.toString());
		console.log(mondeo.toString());
摘录于:《Javascript设计模式》


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值