如何封装 JS 代码？有5种主要方法：全局范围IIFE模块模式ES 模块库/框架
如何封装 JS 代码
封装 JS 代码是一种将相关代码组织成可重用模块的方式，有助于提高代码的可维护性和可读性。有几种方法可以封装 JS 代码：
1. 使用全局范围
全局范围是封装 JS 代码最简单的方法。在此方法中，代码直接分配给全局对象（通常是 window 对象）。
// 全局范围
var myFunction = function() {
// 函数代码
};2. 使用 IIFE
立即执行函数表达式 (IIFE) 是一种匿名函数，它会在创建时立即执行。此方法用于避免将变量泄露到全局范围。
// IIFE
(function() {
var myFunction = function() {
// 函数代码
};
})();3. 使用模块模式
模块模式是一种创建私有变量和函数的模式。此方法使用闭包，使私有成员可以被模块内的函数访问，但不能被外部代码访问。
// 模块模式
var myModule = (function() {
// 私有变量和函数
var privateVariable = 0;
function privateFunction() {
// 私有函数代码
}
// 公共 API
return {
publicVariable: 10,
publicFunction: function() {
// 公共函数代码
console.log(privateVariable);
privateFunction();
}
};
})();4. 使用 ES 模块
ES 模块是一种标准化方式，用于在 JavaScript 中创建可重用模块。它们使用 export 关键字导出模块成员，并使用 import 关键字导入它们。
// 导出模块
export function myFunction() {
// 函数代码
}
// 导入模块
import { myFunction } from './myModule.js';5. 使用库或框架
许多库和框架提供代码封装功能。例如，Angular 和 React 都有自己的模块化系统。
选择哪种封装方法？
选择哪种封装方法取决于应用程序的具体要求和偏好。以下是一些准则：
- 如果需要在全局范围内访问变量或函数，可以使用 全局范围。
- 如果需要将变量和函数限制在特定上下文中，可以使用 IIFE 或 模块模式。
- 如果需要创建可重用模块，可以使用 ES 模块 或 库/框架。
