纯js怎么导入ECMAScript 模块系统 或者 CommonJS 模块系统?
时间: 2024-04-14 21:27:12 浏览: 175
在纯 JavaScript 中,你可以使用 ECMAScript 模块系统或 CommonJS 模块系统来导入模块。这里是如何使用它们的示例:
1. ECMAScript 模块系统(ES6+)
- 导入模块:使用 `import` 关键字来导入指定模块。
```javascript
import { module1, module2 } from './modules'; // 导入指定的模块
import * as myModule from './modules'; // 导入整个模块到一个对象中
// 使用导入的模块
console.log(module1);
module2.someFunction();
```
- 导出模块:使用 `export` 关键字来导出指定的函数、变量或对象。
```javascript
export const module1 = 'Module 1';
export function someFunction() {
// 函数实现
}
```
2. CommonJS 模块系统(Node.js)
- 导入模块:使用 `require` 函数来导入指定模块。
```javascript
const module1 = require('./modules').module1; // 导入指定的模块
const myModule = require('./modules'); // 导入整个模块
// 使用导入的模块
console.log(module1);
myModule.module2.someFunction();
```
- 导出模块:使用 `module.exports` 对象来导出指定的函数、变量或对象。
```javascript
module.exports = {
module1: 'Module 1',
someFunction() {
// 函数实现
}
};
```
请注意,ECMAScript 模块系统目前在浏览器中的支持程度较低,而 CommonJS 模块系统主要用于 Node.js 环境。如果你在浏览器中使用 ECMAScript 模块系统,需要确保浏览器支持并正确配置模块加载器,如 Webpack 或 Rollup 等。
阅读全文