JS创建对象的7种方法原理、优缺点及应用详解

最新推荐文章于 2022-06-08 21:20:05 发布

jian_zi

最新推荐文章于 2022-06-08 21:20:05 发布

阅读量388

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/jian_zi/article/details/105821046

版权

本文详述了JavaScript中创建对象的7种方法：工厂模式、构造函数模式、原型模式、构造函数与原型模式结合、动态原型模式、寄生构造函数模式和稳妥构造函数模式。每种模式都有其独特的原理、优缺点和应用场景，例如构造函数模式能定义对象类型，原型模式可共享方法，而稳妥构造函数模式则提供了一种安全创建对象的方式。

摘要由CSDN通过智能技术生成

本文基于《JavaScript高级程序设计（第3版）》归纳整理而成。

虽然Object 构造函数或对象字面量都可以用来创建单个对象，但这些方式有个明显的缺点：使用同一个接口创建很多对象，会产生大量的重复代码

1、工厂模式

原理：使用函数将对象创建接口封装起来
举例：

function creatObj(name, age) {
   
	var obj = Object();
	obj.name = name;
	obj.age = age;
	obj.sayName = function() {
   
		console.log(this.name)
	}
	return obj;
}
var object1 = creatObj('lili', 10);
object1.sayName();//'lili'
var object2 = creatObj('tom', 20);
object2.sayName();//'tom'

优缺点：
这种模式下，creatObj与object1并无直接关系，因此无法判断出对象的类型。

2、构造函数模式

原理：创建一个构造函数，通过实例化构造函数来创建对象
举例：

function Person(name, age) {
   
	this.name = name;
	this.age = age;
	this.sayName = function() {
   
		console.log(this.name)
	}
}
var person1 = new Person('lili', 10