JS中创建自定义类型的常用模式总结【工厂模式,构造函数模式,原型模式,动态原型模式等】

JavaScript中的创建自定义类型的模式是实现面向对象编程的关键。这些模式包括工厂模式、构造函数模式、原型模式、动态原型模式以及寄生构造函数模式和稳妥构造函数模式。下面我们将逐一探讨这些模式及其优缺点。 1. **工厂模式** 工厂模式通过一个函数来创建对象，它不依赖于具体的类或构造函数。这种模式的优点是可以创建多个具有相同属性和方法的对象，而无需重复代码。然而，它的缺点是无法识别对象的类型，也无法实现方法的共享，因为每个实例都有自己的方法副本。 示例代码： ```javascript function createPerson(name, age, job) { var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayName = function() { alert(this.name); }; return o; } ``` 2. **构造函数模式** 构造函数模式使用`new`关键字来创建对象，它通过`this`关键字将属性和方法绑定到新对象上。虽然解决了对象识别问题，但每个实例都会有自己的方法副本，导致内存浪费。 示例代码： ```javascript function Person(name, age, job) { this.name = name; this.age = age; this.job = job; this.sayName = function() { alert(this.name); }; } ``` 3. **原型模式** 原型模式利用JavaScript的原型链机制，通过`prototype`属性将方法挂载到构造函数的原型上，使得所有实例都能共享这些方法。这样提高了内存效率，但属性仍然是每个实例独有的。 示例代码： ```javascript function Person() {} Person.prototype.name = "Nicholas"; Person.prototype.age = 29; Person.prototype.job = "Software Engineer"; Person.prototype.sayName = function() { alert(this.name); }; ``` 4. **动态原型模式** 在某些情况下，我们可能在运行时才知道要添加哪些方法。动态原型模式会在首次调用实例方法时检查是否存在，如果不存在则添加到原型。 示例代码： ```javascript function Person(name, age, job) { this.name = name; this.age = age; this.job = job; if (typeof this.sayName !== "function") { Person.prototype.sayName = function() { alert(this.name); }; } } ``` 5. **寄生构造函数模式** 这种模式创建一个函数，这个函数的作用类似于工厂模式，但返回的对象会被包裹在一个新的函数内部。其主要用途是为对象创建私有属性或方法。 示例代码： ```javascript function Person(name, age, job) { var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayName = function() { alert(this.name); }; // 添加私有属性或方法 (function() { var secret = "secret info"; })(); return o; } ``` 6. **稳妥构造函数模式** 稳妥构造函数模式不使用`new`关键字，也不返回对象，而是返回一个新创建的对象。它创建私有属性和方法，避免了原型链，但无法使用继承。 示例代码： ```javascript function Person(name, age, job) { var o = {}; o.sayName = function() { alert(name); }; return o; } ``` 在ES6中引入的`class`语法，实际上是对这些模式的语法糖，它在底层仍然使用了组合构造函数模式和原型链来创建自定义类型。理解这些模式有助于深入理解JavaScript的面向对象特性，从而更好地设计和优化代码。在选择创建自定义类型的模式时，应考虑项目的具体需求，如性能、封装性、可扩展性和维护性等因素。