适配Airbnb JavaScript风格指南的推荐设计模式有哪些？

在ES模块环境（Airbnb风格指南默认推崇的模块化方案）里，你完全不需要依赖IIFE和传统的揭示模块模式——因为每个ES模块本身就自带独立的局部作用域，顶级变量不会污染全局，天然就能实现封装需求，这也是最贴合Airbnb规范的方式。

1. 单例式封装（替代原揭示模块模式） #

直接在模块内部定义私有成员，只导出需要公开的部分即可，效果和揭示模块模式完全一致，但更简洁：

// 模块内的私有函数，外部无法访问
const _private = () => {
  // 执行私有逻辑
};

// 公开方法
export const method = () => {
  _private();
  // 执行公开逻辑
};

// 如果偏好导出单个对象（和原模式返回值结构一致），也可以这么写
const publicAPI = {
  method
};

export default publicAPI;

这种写法的优势：

• 完全符合Airbnb规范，规避了IIFE相关的lint规则问题
• 利用ES模块原生特性，代码更直观简洁
• 私有成员天然被模块隔离，外部无法访问
• 支持按需导入，比导出单个对象更灵活（比如可以直接import { method } from './foo'）

2. 多实例封装（带私有状态） #

如果需要创建多个独立实例，每个实例拥有自己的私有状态，可以用以下两种方式：

工厂函数 #

Airbnb规范允许使用工厂函数来创建带封装的实例：

export const createFoo = () => {
  // 实例私有状态
  let privateCounter = 0;

  // 实例私有方法
  const incrementCounter = () => {
    privateCounter++;
  };

  return {
    addOne: () => {
      incrementCounter();
    },
    getCount: () => {
      return privateCounter;
    }
  };
};

// 使用示例
// import { createFoo } from './foo';
// const foo1 = createFoo();
// foo1.addOne();
// console.log(foo1.getCount()); // 1

类（带私有字段） #

Airbnb规范鼓励合理使用类，结合ES2022+的私有字段（#开头），可以实现更严谨的封装：

export class Foo {
  // 私有字段，外部完全无法访问
  #privateCounter = 0;

  // 私有方法
  #incrementCounter() {
    this.#privateCounter++;
  }

  addOne() {
    this.#incrementCounter();
  }

  getCount() {
    return this.#privateCounter;
  }
}

// 使用示例
// import { Foo } from './foo';
// const foo1 = new Foo();
// foo1.addOne();
// console.log(foo1.getCount()); // 1

总结 #

在采用Airbnb风格指南的ES模块项目中：

• 单例场景：用模块级封装替代揭示模块模式，无需IIFE
• 多实例场景：用工厂函数或**类（带私有字段）**实现封装

这些方案完全贴合Airbnb规范，同时满足你对私有成员隔离、避免全局污染的需求。

内容的提问来源于stack exchange，提问作者GeorgeCiesinski