es6 module与commonjs 在代码中怎么用
时间: 2023-05-26 10:01:00 浏览: 170
A:ES6模块与CommonJS都是用来在JavaScript中实现模块化的方式,但它们有一些不同的特点和语法。
在代码中使用ES6模块,可以使用以下语法:
1.通过export关键字将模块中的变量、函数或类导出:
```
// module.js
export const pi = 3.1415926;
export function multiply(x, y) { return x * y; }
export class Circle { /*...*/ }
```
2.通过import关键字导入其他模块的变量、函数或类:
```
// app.js
import { pi, multiply, Circle } from './module.js';
console.log(pi); // 3.1415926
console.log(multiply(2, 3)); // 6
```
3.还可以使用import * as语法将所有导出的内容作为一个对象导入:
```
// app.js
import * as MyModule from './module.js';
console.log(MyModule.pi); // 3.1415926
console.log(MyModule.multiply(2, 3)); // 6
```
在代码中使用CommonJS,可以使用以下语法:
1.通过module.exports将模块中的变量、函数或类导出:
```
// module.js
const pi = 3.1415926;
function multiply(x, y) { return x * y; }
class Circle { /*...*/ }
module.exports = { pi, multiply, Circle };
```
2.使用require函数导入其他模块的变量、函数或类:
```
// app.js
const MyModule = require('./module.js');
console.log(MyModule.pi); // 3.1415926
console.log(MyModule.multiply(2, 3)); // 6
```
需要注意的是,ES6模块和CommonJS是不兼容的,不能混合使用。如果需要在同一个项目中使用两者,需要使用转换工具(如babel)将ES6模块转换为CommonJS模块。
阅读全文