js 创建对象的多种方式

时间：2019-12-13 23:15:06 阅读：199 评论：0 收藏：0 [点我收藏+]

标签：turn https java 创建对象缺点 ring 高级程序设计 keyword 初始化

参考: javascript 高级程序设计第三版

工厂模式

function (name) {
  var obj = new Object()
  obj.name = name
  obj.getName = function() {
    console.log(this.name)
  }
  return obj
}

var person1 = createPerson('jack')

缺点：对象无法识别，所有实例都指向同一个原型

构造函数模式

function Person(name) {
  this.name = name
  this.getName = function() {
    console.log(this.name)
  }
}
var person1 = new Person('jack')

优点：实例可以识别为一个特定类型
缺点：每次创建实例时候，每个方法都会被创建一次

构造函数模式优化

function Person(name) {
  this.name = name
  this.getName = getName
}

function getName() {
  console.log(this.name)
}

var person1 = new Person('jack')

优点：解决每个方法都会被重新创建的问题
缺点：没有很好的封装性

原型模式

function Person(name) {
}

Person.prototype.name = 'jack'
Person.prototype.getName() {
  console.log(this.name)
}

var person1 = new Person('jack')

优点：方法不会重新创建
缺点：所有属性和方法都给共享；不能初始化参数

原型模式优化

1
2
3
4
5
6
7
8
9
10
大专栏  js 创建对象的多种方式>11

function Person(name) {
}

Person.prototype = {
  name: 'jack',
  getName: function() {
    console.log(this.name)
  }
}

var person1 = new Person('jack')

缺点：重新了原型，丢失了 constructor 属性

原型模式优化

function Person(name) {
}

Person.prototype = {
  constructor: Person,
  name: 'jack',
  getName: function() {
    console.log(this.name)
  }
}

var person1 = new Person('jack')

优点: 实例可以通过 constructor 属性找到所属构造函数
缺点: 还是存在原型模式的缺点

组合模式（构造函数模式和原型模式结合）

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

Person.prototype = {
  constructor: Person,
  getName: function() {
    console.log(this.name)
  }
}

var person1 = new Person('jack')

优点：该共享的共享，该私有的私有

寄生构造函数模式

function Person(name) {
  var obj = new Object()
  obj.name = name
  obj.getName = function () {
    console.log(this.name)
  }

  return obj
}

var person1 = new Person('jack');
console.log(person1 instanceof Person) 
console.log(person1 instanceof Object)  // true

缺点：对象无法识别，所有实例都指向同一个原型，本质还是工厂模式

js 创建对象的多种方式

标签：turn https java 创建对象缺点 ring 高级程序设计 keyword 初始化

原文地址：https://www.cnblogs.com/lijianming180/p/12037687.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行