JavaScript 对象创建模式

object构造函数模式

  • 方式:创建空object对象,再动态添加属性或变量
  • 场景:适用于一开始不确定对象内部数据
  • 缺点:语句太多
var p = new Object()
p.name = ''
p.setName = function(name){
	this.name = name
}

对象字面量模式

  • 方式:使用{}创建对象,同时制定属性/方法
  • 场景:开始确定对象内部数据
  • 缺点:创建多个对象时会有重复代码
var p = {
  name:'',
  setName:function(name){
  	this.name = name
  }
}

工厂模式

  • 方式:使用工厂函数创建对象并返回
  • 场景:需要创建多个对象
  • 缺点:对象没有具体类型,都是object类型(不同工厂创建的都是object)
function createPerson(name){
  var obj = {
    name:name,
    setName:function(name){
  		this.name = name
  	}
  }
	return obj
}

自定义构造函数模式

  • 方式:自定义构造函数,通过new创建对象
  • 场景:需要创建多个类型确定的对象
  • 缺点:每个对象都有相同的数据(方法),浪费内存
function Person(name){
  this.name = name
  this.setName = function(name){
  	this.name = name
  }
}
var p1 = new Person('person')
p1.setName('person1')

构造函数+原型混合

  • 方式:自定义构造函数,属性在函数中初始化,方法添加到原型上
  • 场景:需要创建多个类型确定的的对象
function Person(name){
  this.name = name
}
Person.prototype.setName = function(name){
  this.name = name
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值