JavaScript构造函数与工厂模式深度解析

码头散步

发布时间：2026-10-14 | 5人浏览过

原创

在JavaScript中，构造函数是用于初始化新对象的特殊函数。理解`new`关键字对`this`指向的影响以及原型的继承机制，是掌握JS面向对象编程的关键。本文将对比传统构造函数与工厂模式的实现细节，分析各自的适用场景与潜在陷阱。

构造函数的基本工作原理

JavaScript中的构造函数并非像Java或C++那样有严格的类定义语法限制，任何通过关键字 `new` 调用的函数都可以被视为构造函数。其核心工作流程如下：

创建实例：当使用 `new` 调用函数时，引擎会在内存中创建一个全新的空对象。
绑定上下文：该函数体内的 `this` 将指向这个新创建的对象。
执行代码：执行函数体内的语句，通常用于给新对象的属性赋值。
返回结果：如果函数体内没有显式的 `return` 表达式，则默认返回新创建的对象（即 `this`）。

以下代码展示了标准的构造函数用法：

function Foo() {
    this.bla = 1;
}
Foo.prototype.test = function() {
    console.log(this.bla);
};
var test = new Foo();

在上述例子中，`test` 对象的原型（内部链接 `[[Prototype]]`）会自动指向 `Foo.prototype`，从而支持方法共享。

第1步：处理构造函数中的返回值

如果构造函数中包含了显式的 `return` 语句，行为会根据返回值的类型发生变化：

返回原始值：如数字、字符串等，会被忽略，仍然返回新创建的对象。
返回引用类型（对象）：如果返回的是一个对象（包括数组、函数、普通对象），则 `new` 表达式会返回这个显式指定的对象，而不是新创建的实例。

function Bar() {
    return 2; // 忽略，返回新对象
}
new Bar(); // 返回一个 { bla: undefined } 的新对象

function Test() {
    this.value = 2;
    return { foo: 1 }; // 显式返回一个新对象
}
new Test(); // 返回 { foo: 1 }，而非包含 value 属性的新实例

第2步：省略 new 关键字的风险

如果在调用构造函数时省略了 `new` 关键字，函数将作为普通函数执行。此时，`this` 不再指向新对象，而是指向全局对象（浏览器中为 `window`，严格模式下为 `undefined`）。这会导致全局变量污染且无法获得预期的实例对象。

function Foo() {
    this.bla = 1; // 在全局作用域创建属性
}
Foo(); // undefined，bla 成为全局变量

工厂模式：替代方案及其局限

为了避免忘记写 `new` 导致的全局污染错误，开发者常采用“工厂模式”。工厂模式本质是一个返回新对象的函数，它不依赖 `new` 关键字，因此不会受到 `this` 指向问题的影响。

function Bar() {
    var value = 1;
    return {
        method: function() {
            return value; // 闭包访问私有变量
        }
    };
}

虽然工厂模式在使用上更安全，但它存在几个显著的缺点：

无法共享原型方法：每次调用都会创建新的函数实例，占用更多内存，且无法利用原型链的高效性。
类型识别困难：无法通过 `instanceof` 判断对象的具体类型，因为所有对象都只是普通的 `Object` 实例。
违背语言精神：为了安全而放弃原型链机制，在一定程度上背离了JavaScript的设计初衷。

完整的工厂模式示例

function Foo() {
    var obj = {};
    obj.value = 'blub';
    
    var private = 2;
    obj.someMethod = function(value) {
        this.value = value;
    };
    
    obj.getPrivate = function() {
        return private;
    };
    
    return obj;
}

此例通过闭包实现了私有变量 `private` 的封装，但同样面临方法重复创建的问题。