创建对象的方式

文章介绍了JavaScript中创建对象的几种方式,包括使用new操作符的字面量创建,工厂模式,构造函数,原型模式以及混合模式。每种方式的特点和应用场景被详细阐述,如工厂模式解决了重复实例化问题但无法识别对象类型,构造函数则能明确对象的实例类型,而原型模式则实现了对象实例间的属性共享。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

new操作符

var person1 = new Object ()
person1.name = 'zhangshan
person1.age = 22

字面量创建

var person2 = {
  name:'zhangshan',
  age:'22',
}

工厂模式创建

工厂模式解决了重复实例化多个对象的问题,在创建对象时不会对客户端暴露创建逻辑,并且是通过使用一个共同的接口来指向新创建的对象;是没有解决对象识别的问题(即工厂模式无法识别对象的类型,全部都是Object,不像Array,Date等;

function createPerson (name, age, family) {
//本质上是替代new操作符的
  var o = new Object();
  o.name = name
  o.age = age
  return o;
}
var person3 = createPerson('zhangshan', 22)

构造函数创建

对比工厂模式的区别:没有显式的创建对象、直接将属性和方法赋值给了this对象,没有return语句;构造函数知道自己从哪来,既是Object的实例,又是Person的实例;

function Person(name, age, family) {
  this.name = name
  this.age = age
}

var person4 = new Person('zhangshan', 22)

原型创建

原型模式的好处是所有对象实例共享它的属性和方法,还可以设置自己的属性或方法(即私有属性),覆盖原型上面的同名属性或方法;

function Person () {}
Person.prototype.name = 'xiaoming'
Person.prototype.age = 22
console.log(Person.prototype);
//Object{name: 'xiaoming', age: 22}

混合模式创建

构造函数模式 + 原型模式:混合模式共享着对相同方法的引用,又保证了每个实例有自己的私有属性。最大限度的节省了内存,过程中还提到了动态原型模式,寄生构造函数模式,稳妥构造函数模式;

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

Person.prototype = {
//每个函数都有prototype属性,指向该函数的原型对象,原型对象都有constructor属性,这是一个指向prototype属性所在函数的指针
  constuctor : Person, 
  sex : 男'
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值