es6模块化export default

ES6模块化中的`export default`用于导出一个默认的模块成员，一个模块只能有一个默认导出。默认导出可以是任何类型的值，例如对象、函数、类等。

使用`export default`导出模块成员时，导入该模块成员时可以使用任意名称进行重命名，例如：

// module.js
const name = 'Tom';
export default name;

// app.js
import myName from './module.js';
console.log(myName); // 输出 'Tom'

相关问题

es6 模块化 怎么写

ES6 模块化的写法如下：

1. 导出模块

使用 `export` 关键字将需要导出的对象、函数或变量导出，例如：

// app.js
export const name = '小明';
export function sayHello() {
  console.log('Hello!');
}

2. 导入模块

使用 `import` 关键字将需要导入的模块进行引入，例如：

// index.js
import { name, sayHello } from './app.js';

console.log(name); // 输出：小明
sayHello(); // 输出：Hello!

也可以使用 `*` 导入模块中的所有内容：

// index.js
import * as app from './app.js';

console.log(app.name); // 输出：小明
app.sayHello(); // 输出：Hello!

需要注意的是，导入和导出语句必须写在模块的顶部。而且，如果导出的是一个对象或函数，可以使用 `default` 关键字来指定默认导出，例如：

// app.js
export default {
  name: '小明',
  sayHello() {
    console.log('Hello!');
  }
}

// index.js
import app from './app.js';

console.log(app.name); // 输出：小明
app.sayHello(); // 输出：Hello!

这样就可以通过 `default` 关键字默认导出一个对象，并在导入的时候省略花括号。

在 ES6 模块化中，如何导出多个命名导出的变量

在 ES6 模块化中，可以使用 `export` 关键字来导出多个命名导出的变量。具体来说，可以将多个变量声明语句放在同一个 `export` 语句中，用逗号分隔它们，如下所示：

// 导出多个命名导出的变量
export const foo = 1
export const bar = 2
export const baz = 3

这样就可以将变量 `foo`、`bar` 和 `baz` 作为命名导出的变量导出，供其他模块使用。

在导入时，可以使用解构赋值语法来导入这些变量，如下所示：

// 导入多个命名导出的变量
import { foo, bar, baz } from './myModule.js'

需要注意的是，如果在一个模块中同时使用了默认导出和命名导出，那么需要先导出默认值，再导出命名导出。例如：

// 先导出默认值
export default someValue

// 再导出命名导出
export const foo = 1
export const bar = 2
export const baz = 3

在导入时，需要将默认值和命名导出分别导入，如下所示：

import someValue, { foo, bar, baz } from './myModule.js'