JS-创建对象模式-工厂模式、构造函数模式、原型模式、组合模式、动态原型模式、寄生构造函数模式、稳妥构造函数模式

最新推荐文章于 2020-07-12 16:57:12 发布

That_Good_Good

最新推荐文章于 2020-07-12 16:57:12 发布

阅读量558

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/qq_42182367/article/details/105729201

版权

本文详细介绍了JavaScript中创建对象的多种模式，包括工厂模式、构造函数模式、原型模式及其动态性、组合模式、动态原型模式、寄生构造函数模式和稳妥构造函数模式，探讨了它们的特点、优缺点和应用场景。例如，原型模式允许对象实例共享属性和方法，但可能导致引用类型的属性被多个实例共享。组合使用构造函数和原型模式可以同时实现实例的独立性和方法的共享，是最常用的模式之一。

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

工厂模式
构造函数模式
原型模式
组合使用构造函数模式和原型模式（用得最多）
动态原型模式
寄生构造函数模式
稳妥构造函数模式

本文首发于我的个人博客 ruiqima.com
原文链接：JS 创建对象模式

工厂模式

本质：用函数封装创建对象的细节。
特点：

显式创建了对象（如Object）
不使用new
有return语句
缺点：没有解决对象识别问题，即怎样知道一个对象的类型。（如代码倒数第二行的false）

function createPerson(name, age) {
  var o = new Object()
  
  o.name = name
  o.age = age
  o.sayName = function () {}
  
  return o
}

var person = createPerson('Joker', 23)

console.log(person instanceof createPerson) 	// false
console.log(person.__proto__)	 //{}

构造函数模式

特点：

没有显式创建对象
直接将属性和方法赋给了this对象
没有return语句
创建新实例需使用new操作符
可以解决工厂模式不能确定对象类型的问题
缺点：会导致不同实例中的方法不是同一个Function实例，导致不同的作用域链和标识符解析。（同一个名为sayName 的方法在不同实例中是不同Function对象）（如代码倒数第三行的false）

function Person(name, age) {
  this.name = name
  this.age = age
  this.friends = ['1', '2']
  this.sayName = function () {}
}

var person1 = new Person('Joker', 23)
var person2 = new Person('Joker1', 24)

person1.friends.push('3')
console.log(person1.friends) 	//[ '1', '2', '3' ]
console.log(person2.friends)	 //[ '1', '2' ]
console.log(person1.sayName === person2.sayName) 	//false

console.log(person1 instanceof Person) 	//true
console.log(person