2018-10-10 22:03:03 +00:00
|
|
|
---
|
|
|
|
id: 587d7b8d367417b2b2512b59
|
2021-03-15 03:20:39 +00:00
|
|
|
title: 导入一个默认的导出
|
2018-10-10 22:03:03 +00:00
|
|
|
challengeType: 1
|
2020-08-04 07:13:35 +00:00
|
|
|
forumTopicId: 301205
|
2021-01-13 02:31:00 +00:00
|
|
|
dashedName: import-a-default-export
|
2018-10-10 22:03:03 +00:00
|
|
|
---
|
|
|
|
|
2020-12-16 07:37:30 +00:00
|
|
|
# --description--
|
|
|
|
|
2021-03-15 03:20:39 +00:00
|
|
|
在上一个挑战里,学习了 `export default` 的用法。 还需要一种 `import` 的语法来导入默认的导出。 在下面的例子里,`add` 是 `math_functions.js` 文件的默认导出。 以下是如何导入它:
|
2020-08-04 07:13:35 +00:00
|
|
|
|
|
|
|
```js
|
|
|
|
import add from "./math_functions.js";
|
|
|
|
```
|
|
|
|
|
2021-03-15 03:20:39 +00:00
|
|
|
这个语法有一处特别的地方, 被导入的 `add` 值没有被花括号(`{}`)所包围。 `add` 只是一个变量的名字,对应 `math_functions.js` 文件的任何默认导出值。 在导入默认导出时,可以使用任何名字。
|
2018-10-10 22:03:03 +00:00
|
|
|
|
2020-12-16 07:37:30 +00:00
|
|
|
# --instructions--
|
2018-10-10 22:03:03 +00:00
|
|
|
|
2021-03-15 03:20:39 +00:00
|
|
|
在下面的代码中,导入同一目录中 `math_functions.js` 文件的默认导出。 导入变量的名字为 `subtract`。
|
2018-10-10 22:03:03 +00:00
|
|
|
|
2020-12-16 07:37:30 +00:00
|
|
|
# --hints--
|
2018-10-10 22:03:03 +00:00
|
|
|
|
2021-03-15 03:20:39 +00:00
|
|
|
应从 `math_functions.js` 中正确导入 `subtract`。
|
2018-10-10 22:03:03 +00:00
|
|
|
|
|
|
|
```js
|
2020-12-16 07:37:30 +00:00
|
|
|
assert(code.match(/import\s+subtract\s+from\s+('|")\.\/math_functions\.js\1/g));
|
2018-10-10 22:03:03 +00:00
|
|
|
```
|
|
|
|
|
2021-01-13 02:31:00 +00:00
|
|
|
# --seed--
|
|
|
|
|
|
|
|
## --seed-contents--
|
|
|
|
|
|
|
|
```js
|
2021-02-06 04:42:36 +00:00
|
|
|
|
2021-01-13 02:31:00 +00:00
|
|
|
// Only change code above this line
|
|
|
|
|
|
|
|
subtract(7,4);
|
|
|
|
```
|
|
|
|
|
2020-12-16 07:37:30 +00:00
|
|
|
# --solutions--
|
2020-08-04 07:13:35 +00:00
|
|
|
|
2021-01-13 02:31:00 +00:00
|
|
|
```js
|
|
|
|
import subtract from "./math_functions.js";
|
|
|
|
|
|
|
|
subtract(7,4);
|
|
|
|
```
|