2018-10-10 18:03:03 -04:00
|
|
|
---
|
|
|
|
id: 587d7b8d367417b2b2512b59
|
2020-12-16 00:37:30 -07:00
|
|
|
title: 导入一个默认的导出
|
2018-10-10 18:03:03 -04:00
|
|
|
challengeType: 1
|
2020-08-04 15:13:35 +08:00
|
|
|
forumTopicId: 301205
|
2021-01-13 03:31:00 +01:00
|
|
|
dashedName: import-a-default-export
|
2018-10-10 18:03:03 -04:00
|
|
|
---
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
# --description--
|
|
|
|
|
|
|
|
在上一个挑战里,学习了`export default`的用法。还需要一种`import`的语法来导入默认的导出。
|
|
|
|
|
|
|
|
在下面的例子里有一个`add`函数, 它在`"math_functions"`文件里默认被导出。来看看来如何导入它:
|
2020-08-04 15:13:35 +08:00
|
|
|
|
|
|
|
```js
|
|
|
|
import add from "./math_functions.js";
|
|
|
|
```
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
这个语法只有一处不同的地方 —— 被导入的`add`值,并没有被花括号`{}`所包围。与导出值的方法不同,导入默认导出的写法仅仅只是简单的将变量名写在`import`之后。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
# --instructions--
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
在下面的代码中,请导入在同目录下的`"math_functions"`文件中默认导出的`subtract`值。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
# --hints--
|
2018-10-10 18:03:03 -04:00
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
正确导入`export default`方法导出的值。
|
2018-10-10 18:03:03 -04:00
|
|
|
|
|
|
|
```js
|
2020-12-16 00:37:30 -07:00
|
|
|
assert(code.match(/import\s+subtract\s+from\s+('|")\.\/math_functions\.js\1/g));
|
2018-10-10 18:03:03 -04:00
|
|
|
```
|
|
|
|
|
2021-01-13 03:31:00 +01:00
|
|
|
# --seed--
|
|
|
|
|
|
|
|
## --seed-contents--
|
|
|
|
|
|
|
|
```js
|
|
|
|
|
|
|
|
// Only change code above this line
|
|
|
|
|
|
|
|
subtract(7,4);
|
|
|
|
```
|
|
|
|
|
2020-12-16 00:37:30 -07:00
|
|
|
# --solutions--
|
2020-08-04 15:13:35 +08:00
|
|
|
|
2021-01-13 03:31:00 +01:00
|
|
|
```js
|
|
|
|
import subtract from "./math_functions.js";
|
|
|
|
|
|
|
|
subtract(7,4);
|
|
|
|
```
|