JavaScript 设计模式~构造器模式

构造器
构造器是对象初始化并开辟存储空间后，用来初始化对象的一个特殊函数。
对象构造器是被用来创建特殊类型对象的，首先准备使用的对象，其次在对象创建时，接收传入的参数，构造器对成员的属性和方法进行赋值。

对象创建与赋值
对象创建

var obj1 = {}
var obj2 = Object.create(null)
var obj3 = new Object()
最后这个例子调用构造器创建了一个针对特殊值的对象包装，不过这里没有传递参数，所以是一个空对象。

对象赋值

var obj4 = new Object()
// 设置属性
obj4.name = 'bob'
// 获取属性
console.log(obj4.name)

// 设置属性
obj4[name] = 'hello'
// 获取属性
obj4[name]

// 设置属性
Object.defineProperty('obj4', 'name', {
	value: 'test name',
	writable: true,
	enumerable: true,
	configurable: true
})

Object.defineProperties(obj4, {
	"name": {
		value: 'test name',
		writable: true
	},
	"otherName":{
		value: 'test name2',
		writable: true
	}
})

// 获取属性可以使用.的方式也可以使用[]方式来访问

基础构造器

function Person(name, age, sex){
	this.name = name;
	this.age = age;
	this.sex = sex;
	this.toString = function(){
		return `名字：${this.name} 年龄：${this.age} 性别：${this.sex}`
	}
}

// 使用
var p1 = new Person('Paul', '22', '女')
console.log(p1.toString())

// 这种写法有一点问题，不能继承，而且每一次实例化一个对象都会生成一个新的toString。

改进方案，使用原型的构造器

function Person(name, age, sex){
	this.name = name;
	this.age = age;
	this.sex = sex;
}

Person.prototype.toString = function{
	return `名字：${this.name} 年龄：${this.age} 性别：${this.sex}`
}

// 使用
var p1 = new Person('Paul', '22', '女')
console.log(p1.toString())

这样创建的构造器，其中的唯一toString方法就可以被所有实例共享了。

ES6写法
es6支持类，使用class声明一个类，使用constructor来构造原型对象

class Person{
	constructor(name, age){
		this.name = name;
		this.age = age;
	}
	sayName(){
		return `我的名字是：${this.name}`
	}
}
// 使用
var p2 = new Person('Paul', '22')
console.log(p2.sayName())

以上就是对构造器模式的解析