js export方法
时间: 2023-08-21 10:53:05 浏览: 84
在 JavaScript 中,要导出一个函数、对象或变量,可以使用 `export` 关键字。
有两种常见的导出方式:
1. 默认导出(default export):一次只能导出一个默认项,可以是函数、对象或变量。
2. 命名导出(named export):可以一次导出多个命名项,每个项可以是函数、对象或变量。
下面是两种导出方式的示例:
默认导出:
```javascript
// 导出一个函数作为默认项
export default function add(a, b) {
return a + b;
}
// 导出一个对象作为默认项
export default {
name: 'John',
age: 25
}
// 导出一个变量作为默认项
export default myVariable;
```
命名导出:
```javascript
// 导出多个函数、对象或变量
export function greet() {
console.log('Hello!');
}
export const PI = 3.1415;
export const person = {
name: 'John',
age: 25
};
```
可以使用 `import` 关键字在其他文件中导入这些导出的项。例如:
```javascript
import add from './math'; // 默认导出的函数
import { greet, PI, person } from './utils'; // 命名导出的函数、常量和对象
console.log(add(2, 3)); // 使用默认导出的函数
greet(); // 使用命名导出的函数
console.log(PI); // 使用命名导出的常量
console.log(person.name); // 使用命名导出的对象属性
```
阅读全文