JavaScript｜总结对象创建模式-优快云博客

每个方式都有不同适用场景，需要根据场景去具体适用。

方式一：Object构造函数模式

用法：先创建空Object对象，再动态添加属性/方法

适用场景：起始时不确定对象内部数据

问题：语句太多

var person = new Object()
person.name = "make"

方式二：对象字面量模式

用法：使用{ }，同时指定属性/方法

适用场景：起始时对象内部数据确定

问题：如果创建多个对象，有重复代码

var person = {
	name:"jjj"
}

方式三：工厂模式

用法：通过工厂函数动态创建对象并返回

使用场景：需要创建多个对象

问题：对象没有一个具体的类型，都是Object类型

function creatPerson(name, age){
	var obj = {
		name:name
		age:age
	}
	return obj
}

var per1 = creatPerson('kkk', 13)
var per2 = creatPerson('jjj', 12)

方式四：自定义构造函数

用法：自定义构造函数，通过new创建对象

适用场景：需要场景多个类型确定的对象

问题：每个对象都有相同的数据，浪费内存

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

方式五：构造函数+原型的组合模式

用法：自定义构造函数，属性在函数中初始化，方法添加到原型上

适用场景：需要创建多个类型的确定的对象

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

Person.prototype.setName = function(name){
		this.name = name
	}