Create Object Pattern-优快云博客

本文探讨JavaScript中三种创建对象的方法：工厂模式、构造函数模式及原型模式。解析new操作符的作用，对比不同模式下对象创建的优缺点，尤其强调原型模式在节省内存上的优势。

JavaScript- create object pattern

创建对象的3中方式

factory pattern

var peopleFactory = function(name, age){
  var temp = {}

  temp.name = name
  temp.age = age

  temp.printPerson = function () {
    console.log(this.name + ',' + this.age)
  }

  return temp
}
var person1 = peopleFactory('张三','27')
person1.printPerson()
复制代码

constructor pattern

var peopleConstructor = function (name, age) {
  this.name = name
  this.age = age

  this.printPerson = function () {
    console.log(this.name + ',' + this.age)
  }
}
var person2 = new peopleConstructor('李四','18')
person2.printPerson()
复制代码

new 关键字帮我们做了几件事情

1 创建了一个空对象temp
2 将这个空对象与this关联
3 将空对象的原型指向了构造函数的原型对象

方式缺点：每个person对象都有一个完全一样的方法printPerson,如果要创建成千上万个person对象，内存会被大量占用

prototype pattern

var peopleProto = function (name, age) {
  this.name = name
  this.age = age
}
peopleProto.prototype.printPerson = function () {
  console.log(this.name + ',' + this.age)
}
var person3 = new peopleProto('王五','16')
person3.printPerson()
复制代码