创建对象的方式

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 : 男'
}
posted @   Rain1112022  阅读(9)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
点击右上角即可分享
微信分享提示