freeCodeCamp/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/es6/create-a-module-script.md at dec409a4bd667e4979305cc1e86e0702bbc2c707

jprdonnelly/freeCodeCamp

Fork 0

mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-03-06 06:39:18 -05:00

Files

Oliver Eyton-Williams dec409a4bd fix: s/localeTitle/title/g

2020-10-06 23:10:08 +05:30

2.0 KiB

Raw Blame History

id, challengeType, forumTopicId, title

id	challengeType	forumTopicId	title
5cddbfd622f1a59093ec611d	6	301198	创建一个模块脚本

Description

起初，JavaScript 几乎只在 HTML web 扮演一个很小的角色。今天，一切不同了，很多网站几乎全是用 JavaScript 所写。为了让 JavaScript 更模块化、更整洁以及更易于维护，ES6 引入了在多个 JavaScript 文件之间共享代码的机制。它可以导出文件的一部分供其它文件使用，然后在需要它的地方按需导入。为了使用这一功能，需要在 HTML 文档里创建一个类型为 module 的脚本。例子如下：

<script type="module" src="filename.js"></script>

使用了 module 类型的脚本后可以再接下来的挑战里使用 import 和 export 特性。

Instructions

给 HTML 文档添加 module 类型的脚本，指定源文件为 index.js。

Tests

tests:
  - text: 应该创建一个 <code>script</code> 标签。
    testString: assert(code.match(/<\s*script[^>]*>\s*<\/\s*script\s*>/g));
  - text: <code>script</code> 标签的类型应该为 <code>module</code>。
    testString: assert(code.match(/<\s*script\s+[^t]*type\s*=\s*('|")module\1[^>]*>\s*<\/\s*script\s*>/g));
  - text: <code>script</code> 标签的 <code>src</code> 属性应该为 <code>index.js</code>。
    testString: assert(code.match(/<\s*script\s+[^s]*src\s*=\s*('|")index\.js\1[^>]*>\s*<\/\s*script\s*>/g));

Challenge Seed

<html>
  <body>
    <!-- add your code below -->

    <!-- add your code above -->
  </body>
</html>

Solution

<html>
  <body>
    <!-- add your code below -->
    <script type="module" src="index.js"></script>
    <!-- add your code above -->
  </body>
</html>

2.0 KiB Raw Blame History Unescape Escape