引入
看过高程书的对这个设计模式应该很熟悉。构造器模式属于创建型设计模式。那么什么是创建型设计模式呢?
创建型设计模式专注于处理对象的创建机制。也就是说这类模式,都和创建对象的过程密不可分。
除了构造器模式属于这类模式。还有其他一些设计模式也属于创建型设计模式。比如:
- 工厂模式
- 抽象模式
- 原型模式
- 单例模式
- 生成器模式
下面还是先来谈谈构造器模式。
什么是构造器?
在面向对象的编程语言中,构造器是一个类中用来初始化新对象的特殊方法。并且可以接受参数用来设定实例对象的属性和方法。
基本构造器
在 JS 中,ES6之前是不支持类这个概念的,所以一般用函数来表示一个构造器,使用方法是在构造器函数前使用 new
关键字。
所以,基本的构造器模式看起来是这样的:
// 构造函数
function Person(name, age, gender) {
this.name = name
this.age = age
this.gender = gender
this.sayName = function() {
return 'hi! I am ' + this.name + '.'
}
}
// 使用
var person = new Person('zkk', 22, 'male')
console.log(person.sayName()) // => hi! I am zkk.
带原型的构造器
上面的基本构造器有个不理想的地方,就是每次创建一个新对象,都需要重新定义 sayName
这个方法。
为了使 sayName
这个方法在实例之间共享,我们使用原型(prototype)来优化。
如果在构造函数的原型属性上添加 sayName
方法,那么所有实例化的对象都会共享这个方法。优化代码是这样的:
// 构造函数
function Person(name, age, gender) {
this.name = name
this.age = age
this.gender = gender
}
// 原型属性添加 sayName 方法
Person.prototype.sayName = function() {
return 'hi! I am ' + this.name + '.'
}
// 使用
var person = new Person('zkk', 22, 'male')
console.log(person.sayName()) // => hi! I am zkk.
[扩展]ES6版本
ES6 支持了类的定义,所以写起来风格更加优雅。
// 类声明
class Person {
constructor(name, age, gender) {
this.name = name
this.age = age
this.gender = gender
}
sayName() {
return 'hi! I am ' + this.name + '.'
}
}
// 使用
var person = new Person('zkk', 22, 'male')
console.log(person.sayName()) // => hi! I am zkk.
以上,便是构造器模式的全部内容。