export default用法_尝试从es6规范专业地聊聊export&import
时间: 2023-07-12 19:48:06 浏览: 123
在 ES6 中,我们可以使用 `export` 和 `import` 关键字来实现模块化开发。其中,`export` 关键字用于导出模块中的变量、函数、类等,`import` 关键字则用于导入其他模块中导出的变量、函数、类等。
在使用 `export` 关键字时,我们可以使用 `export default` 来导出模块中的一个默认值。这个默认值可以是任何类型的值,例如一个变量、一个函数、一个类等等。
下面是一个例子,我们定义了一个名为 `add` 的函数,并使用 `export default` 导出:
```javascript
function add(a, b) {
return a + b;
}
export default add;
```
在另一个模块中,我们可以使用 `import` 关键字来导入这个默认值:
```javascript
import add from './add.js';
console.log(add(1, 2)); // 输出 3
```
在这个例子中,我们使用 `import` 关键字来导入 `add.js` 模块中导出的默认值,并将其赋值给 `add` 变量。然后,我们调用 `add(1, 2)` 函数,输出结果为 3。
需要注意的是,一个模块中只能使用一次 `export default`,而且默认值是匿名的。如果我们希望导出多个值,或者希望导出一个命名的默认值,可以使用其他的 `export` 语法来实现。
阅读全文