export default 和export function
时间: 2023-07-07 08:36:12 浏览: 150
`export default` 和 `export function` 都是 JavaScript 中的导出模块的语法。
`export default` 用于导出模块中的默认值,一个模块只能有一个默认导出。例如:
```
// 模块中导出默认值
export default function add(a, b) {
return a + b;
}
// 模块中导入默认值
import add from './add';
```
`export function` 用于导出模块中的具名函数。例如:
```
// 模块中导出函数
export function add(a, b) {
return a + b;
}
// 模块中导入函数
import { add } from './add';
```
相关问题
export default和export function
export default 和 export function 是 JavaScript 中用于导出模块的两种不同的方式。
1. export default:
- export default 用于导出模块的默认值。
- 一个模块只能有一个默认导出值。
- 导入时,可以使用任意名称来接收默认导出的值。
- 语法示例:
```
// 模块A.js
const defaultValue = 'Hello';
export default defaultValue;
// 导入模块A.js
import anyName from './A.js';
console.log(anyName); // 输出 'Hello'
```
2. export function:
- export function 用于导出具名函数。
- 可以导出多个具名函数或其他变量。
- 导入时,需要使用相应的名称来接收导出的函数或变量。
- 语法示例:
```
// 模块B.js
export function greet(name) {
console.log(`Hello, ${name}!`);
}
// 导入模块B.js
import { greet } from './B.js';
greet('John'); // 输出 'Hello, John!'
```
总结:export default 用于导出模块的默认值,而 export function 用于导出具名函数或其他变量。
请解释export default和export function
export和export default都是ES6中用于导出模块的关键字。export用于导出模块中的多个变量、函数或类,而export default则用于导出模块中的默认值。
具体来说,export可以导出多个变量、函数或类,例如:
```javascript
export const name = 'Tom';
export function sayHello() {
console.log('Hello!');
}
export class Person {
constructor(name) {
this.name = name;
}
}
```
而export default则只能导出一个默认值,例如:
```javascript
const name = 'Tom';
function sayHello() {
console.log('Hello!');
}
class Person {
constructor(name) {
this.name = name;
}
}
export default name; // 导出默认值
export { sayHello, Person }; // 导出其他变量、函数或类
```
在导入模块时,import语句也有所不同。对于export导出的变量、函数或类,需要使用相应的名称进行导入,例如:
```javascript
import { name, sayHello, Person } from './example.js';
```
而对于export default导出的默认值,则可以使用任意名称进行导入,例如:
```javascript
import myName from './example.js';
```
阅读全文