js中常见的4种创建对象方式与优缺点
时间：2022-06-28 09:17:34|栏目：JavaScript代码|点击： 次
前言
说起创建对象，最容易想到的便是通过对象字面量方式直接定义一个对象吧，但这种方式只能创建少量，单独且相互间无联系的对象。若要批量创建对象，该如何？
1、工厂模式
实现：
function fn(a,b){
let obj = new Object()
obj.a=a
obj.b=b
return obj
}
const test = fn(1,2)
优点：解决了创建多个类似对象的问题
缺点：没解决对象标识问题（即新建对象是什么类型）
2、构造函数模式
实现：
function Fn(a,b){
this.a=a
this.b=b
this.c=function(){
console.log(this.a)
}
}
const test1 = new Fn(1,2)
const test2 = new Fn(1,2)
console.log(test1.c === test2.c)// false
优点：new隐式创建对象，写法简洁
缺点：构造函数定义的方法会在每个实例上都要创建一遍（除非该方法声明提到全局）
3、原型模式
实现：
function Fn(a,b){
Fn.prototype.a=a
Fn.prototype.b=b
Fn.prototype.c=function(){
console.log(a)
}
}
const test = new Fn(1,2)
优点：构造函数中定义的属性和方法都可以被对象实例共享
缺点：原型上的属性值如果是引用值，该值会在创建后的实例之间被污染，如下
function Fn(){
Fn.prototype.a=[1,2]
}
const test1 = new Fn()
const test2 = new Fn()
test1.a.push(3)
console.log(test1.b, test2.b)// [1,2,3] [1,2,3]
const test3 = new Fn()// 原型上属性会重新赋值
console.log(test1.b, test2.b,test3.b)// [1,2] [1,2] [1,2]
4、Object.create()
实现：
const obj = { a:1 , b:2 }
const test = Object.create(obj)
console.log(test.a)// 1
优点：通过一个对象构造另一个对象
缺点：构造过程是浅克隆，共享的引用值依旧存在被污染问题
其他模式
除了以上几种常见的模式外，批量创建对象的方式还有
- 动态原型模式：仅在第一次调用构造函数时，将方法赋给原型对象的相应属性，其他示例的处理方式同构造函数模式
- 寄生构造函数模式：仅仅封装创建对象的代码，然后再返回新创建的对象，仍使用new操作符调用
- 稳妥构造函数模式：没有公共属性，只有私有变量和方法，以及一些get/set方法，用以处理私有变量。
总结
