JavaScript中IIFE与立即调用构造函数的差异解析

先明确两者最核心的区别，再逐一解答你的疑问：

核心差异：this指向与返回值 #

1. 立即调用函数表达式（IIFE） #

你给出的IIFE示例中，非严格模式下this指向浏览器全局对象（window），严格模式下为undefined。执行后name和hasBuildingRights会被挂载到全局对象上，并不会生成独立的用户对象。

如果要让IIFE生成独立对象，需要手动创建并返回：

const user = (function(userName) {
  return {
    name: userName,
    hasBuildingRights: false
  };
})("Bob the Builder");

2. 立即调用构造函数 #

使用new 匿名构造函数时，JavaScript会自动完成一系列实例化操作：

• 创建空的新对象
• 将新对象的原型指向构造函数的prototype
• 把构造函数的this绑定到这个新对象
• 执行构造函数内部代码（将属性挂载到this）
• 若构造函数未主动返回其他对象，自动返回这个新对象

所以你的示例里，user直接拿到的是独立的实例对象，属性都挂载在实例上，不会污染全局。

你的疑问解答 #

1. 为何要使用立即调用构造函数？ #

构造函数的核心是复用，但立即调用的场景是一次性创建带封装逻辑的实例对象：

• 可利用构造函数内部的局部变量实现私有性：比如构造函数里定义的let secret = "xxx"，外部无法直接访问，只能通过内部暴露的方法操作，封装性比普通对象字面量更好。
• 内部可执行复杂初始化逻辑（如条件判断、数据计算），再生成最终实例，比直接写对象字面量更灵活。
• 原型链天然关联该匿名构造函数的prototype，若需给实例加原型方法，直接修改prototype即可（虽一次性场景用得少，但具备扩展性）。

2. IIFE能否实现立即调用构造函数的功能？ #

可以，但写法更繁琐，且无法自动利用构造函数的实例化机制：

• 要么手动创建对象并返回（如前面的示例），要么通过call/apply绑定this到新对象上。
• 无法自动建立原型链关联，若需原型方法，得手动设置，不如new的方式简洁。

内容的提问来源于stack exchange，提问作者Weis.Dime