JS对象创建方式对比：工厂、构造函数、原型、组合与动态原型

JavaScript 对象创建方式概述

本文旨在系统梳理并对比 JavaScript 中创建对象的几种主要方式，帮助开发者理解不同实现机制的差异与适用场景。

工厂模式及其局限性

第一种方式是工厂模式。该模式通过函数封装创建对象的过程，内部定义属性与方法后返回新对象实例。


function createObj(name, sex){
    var obj = new Object();
    obj.name = name;
    obj.sex = sex;
    obj.sayName = function(){
      alert(this.name);
    }
    return obj;
  }

var person = createObj('Tom', 'man');

工厂模式存在两个主要缺陷：首先，由于所有对象均由 Object 构造函数创建，因此无法通过 instanceof 准确判断对象的自定义类型；其次，不同实例之间缺乏内在关联，无法体现对象间的继承或共享关系。

此外，工厂模式创建的多个对象彼此独立，无法实现代码复用，导致内存资源浪费。

构造函数模式的内存问题

第二种方式是构造函数模式。通过 new 关键字调用构造函数来实例化对象，这是更贴近传统面向对象语言的方式。


function createObj(name, sex){
    this.name = name;
    this.sex = sex;
    this.sayName = function(){
      alert(this.name);
    }
  }

  var person = new createObj('Tom', 'man');

构造函数模式的主要缺点在于方法无法在实例间共享。每个实例都会重新创建一次方法函数，造成内存空间的重复占用，降低了运行效率。

具体而言，虽然多个实例都拥有 sayName 方法，但这些方法并非同一个 Function 对象的实例，它们在内存中占据不同的地址，无法实现真正的共享。

原型模式的参数与引用类型缺陷

第三种方式是原型模式。该模式将所有属性和方法直接定义在构造函数的 prototype 对象上，所有实例共享同一份原型。


function createObj(){}

  createObj.prototype.name = 'Tom';
  createObj.prototype.sex = 'man';
  createObj.prototype.sayName = function(){
    alert(this.name);
  }

var person = new createObj();

原型模式的局限性在于无法在创建实例时传入参数，因此难以对属性进行初始化赋值，灵活性较差。

另一个显著问题是，如果原型中包含引用类型（如数组或对象）的属性，修改其中一个实例的该属性值，会直接反映到其他所有实例中，导致数据污染和状态不一致。

组合式构造函数与原型模式

第四种方式是组合使用构造函数与原型模式，这也是目前业界推荐的标准做法。它结合了前两种模式的优点，平衡了性能与功能。


function createObj(name, sex){
  this.name = name;
  this.sex = sex;
 }
 createObj.prototype.sayName = function(){
  alert(this.name);
 }

 var person = new createObj('Tom', 'man');

这种组合模式的优点在于：实例属性通过构造函数定义，支持参数传递和初始化；而方法通过原型定义，实现了跨实例共享，既解决了内存浪费问题，又避免了引用类型共享带来的副作用。

动态原型模式的实现机制

第五种方式是动态原型模式。它在构造函数内部通过条件判断动态地将方法添加到原型中，旨在保持封装性的同时实现共享。


function createObj(name, sex){
  this.name = name;
  this.sex = sex;
  if(typeof this.sayName != 'function'){
   createObj.prototype.sayName = function(){
    alert(this.name);
   }
  }
 }

 var person = new createObj('Tom', 'man');

动态原型模式的核心机制在于：if 语句中的原型赋值逻辑仅在首次调用构造函数时执行一次。当第一个实例创建并调用该方法时，方法被绑定到原型上，此后所有新创建的实例均可直接共享该方法。需要注意的是，在动态原型模式下，严禁使用对象字面量语法直接重写整个原型，否则会导致已存在的实例与原型脱节。

综上所述，本文介绍了 JavaScript 创建对象的五种方式及其各自的特点。开发者应根据具体需求选择合适的模式，通常情况下，组合式构造函数与原型模式是较为理想的选择。希望本文内容能对您的学习与实践有所帮助。

JavaScript 创建对象的五种方式及优缺点详解