Info
Content

ES6 模块化

ES6（ECMAScript 2015）引入了一种新的模块化语法，允许JavaScript程序以模块的形式组织和导出功能，这种语法简单易懂，可读性强，使得开发者能够更加高效地开发、维护和重用代码。

ES6模块化的关键特性包括：

export 和 import 语句用于声明和导出模块中的功能； 模块作用域：每个模块都有自己的作用域，变量、函数等都是私有的，不会被其他模块访问； 延迟绑定：模块只有在需要时才会被加载和执行，提高了应用程序的性能和可维护性。 下面是一个简单的示例，展示了如何在ES6中导出和导入模块：

// 模块 a.js
export const name = 'module A';
export function sayHello() {
  console.log('Hello from module A!');
}

// 模块 b.js
import { name, sayHello } from './a.js';

console.log(name); // 输出：module A
sayHello(); // 输出：Hello from module A!

在上面的示例中，模块 a.js 导出了 name 和 sayHello 两个功能，使用 export 关键字将它们导出。在模块 b.js 中，使用 import 关键字将这两个功能导入，然后就可以在模块 b.js 中使用这些功能了。

需要注意的是，模块路径必须使用相对路径或绝对路径，而不能使用 URL。此外，ES6模块化还支持默认导出和命名空间导出，具体可以查看相关文档。

Back to top