From d44f5032d0f53256b2d5aef505d6b593fd3cd158 Mon Sep 17 00:00:00 2001 From: Irvin Date: Wed, 16 Feb 2022 02:14:18 +0800 Subject: fix yari h2m dry run errors (zh-CN) --- .../zh-cn/web/javascript/guide/modules/index.html | 36 +++++++++++----------- 1 file changed, 18 insertions(+), 18 deletions(-) (limited to 'files/zh-cn/web/javascript/guide/modules') diff --git a/files/zh-cn/web/javascript/guide/modules/index.html b/files/zh-cn/web/javascript/guide/modules/index.html index 3ad682563c..e3db44e9a0 100644 --- a/files/zh-cn/web/javascript/guide/modules/index.html +++ b/files/zh-cn/web/javascript/guide/modules/index.html @@ -39,8 +39,8 @@ translation_of: Web/JavaScript/Guide/Modules

这的确有点简单，但是保持足够简单能够清晰地演示模块。

-
-

Note: 如果你想去下载这个例子在本地运行，你需要通过本地 web 服务器去运行。

+
+

备注：如果你想去下载这个例子在本地运行，你需要通过本地web 服务器去运行。

基本的示例文件的结构

@@ -53,8 +53,8 @@ modules/ canvas.mjs square.mjs -
-

Note: 在这个指南的全部示例项目的文件结构是基本相同的； 需要熟悉上面的内容

+
+

备注：在这个指南的全部示例项目的文件结构是基本相同的； 需要熟悉上面的内容

modules 目录下的两个模块的描述如下:

@@ -77,8 +77,8 @@ modules/ -
-

Note: 在原生JavaScript模块中, 扩展名 .mjs 非常重要，因为使用 MIME-type 为javascript/esm 来导入文件(其他的JavaScript 兼容 MIME-type 像 application/javascript 也可以), 它避免了严格的 MIME 类型检查错误，像 "The server responded with a non-JavaScript MIME type". 除此之外,  .mjs 的扩展名很明了(比如这个就是一个模块，而不是一个传统 JavaScript文件)，还能够和其他工具互相适用. 看这个 Google's note for further details.

+
+

备注：在原生JavaScript模块中, 扩展名 .mjs 非常重要，因为使用 MIME-type 为javascript/esm 来导入文件(其他的JavaScript 兼容 MIME-type 像 application/javascript 也可以), 它避免了严格的 MIME 类型检查错误，像 "The server responded with a non-JavaScript MIME type". 除此之外,  .mjs 的扩展名很明了(比如这个就是一个模块，而不是一个传统 JavaScript文件)，还能够和其他工具互相适用. 看这个 Google's note for further details.

.mjs 与 .js

@@ -151,8 +151,8 @@ export function draw(ctx, length, x, y, color) {

你可以在main.mjs中看到这些。

-
-

Note:在一些模块系统中你可以忽略文件扩展名（比如'/model/squre' .这在原生JavaScript 模块系统中不工作。此外，记住你需要包含最前面的正斜杠。   （修订版 1889482）

+
+

备注：在一些模块系统中你可以忽略文件扩展名（比如'/model/squre' .这在原生JavaScript 模块系统中不工作。此外，记住你需要包含最前面的正斜杠。 （修订版 1889482）

因为你导入了这些功能到你的脚本文件，你可以像定义在相同的文件中的一样去使用它。下面展示的是在 main.mjs 中的import 语句下面的内容。

@@ -177,8 +177,8 @@ reportPerimeter(square1.length, reportList);

你只能在模块内部使用 import 和export 语句 ；不是普通脚本文件。

-
-

Note: 您还可以将模块导入内部脚本，只要包含 type="module"，例如 <script type="module"> //include script here </script>.

+
+

备注：您还可以将模块导入内部脚本，只要包含 type="module"，例如 <script type="module"> //include script here </script>.

其他模块与标准脚本的不同

@@ -216,8 +216,8 @@ reportPerimeter(square1.length, reportList); 
import {default as randomSquare} from './modules/square.mjs';
-
-

Note: 重命名导出项的as语法在下面的{{anch("Renaming imports and exports")}}部分中进行了说明。

+
+

备注：重命名导出项的as语法在下面的{{anch("Renaming imports and exports")}}部分中进行了说明。

避免命名冲突

@@ -362,8 +362,8 @@ square1.reportPerimeter(); 
export * from 'x.mjs'
 export { name } from 'x.mjs'
-
-

Note: 这实际上是导入后跟导出的简写，即“我导入模块x.mjs，然后重新导出部分或全部导出”。

+
+

备注：这实际上是导入后跟导出的简写，即“我导入模块x.mjs，然后重新导出部分或全部导出”。

有关示例，请参阅我们的module-aggregation。 在这个例子中（基于我们之前的类示例），我们有一个名为shapes.mjs的额外模块，它将circle.mjs，square.mjs和riangle.mjs中的所有功能聚合在一起。 我们还将子模块移动到名为shapes的modules目录中的子目录中。 所以模块结构现在是这样的：

@@ -388,12 +388,12 @@ export { Circle } from '/js-examples/modules/module-aggregation/modules/shapes/c

它们从各个子模块中获取导出，并有效地从shapes.mjs模块中获取它们。

-
-

Note: 即使shapes.mjs文件位于 modules 目录中，我们仍然需要相对于模块根目录编写这些URL，因此需要/modules/。 这是使用JavaScript模块时混淆的常见原因。

+
+

备注：即使shapes.mjs文件位于modules目录中，我们仍然需要相对于模块根目录编写这些URL，因此需要/modules/。 这是使用JavaScript模块时混淆的常见原因。

-
-

Note: shapes.mjs中引用的导出基本上通过文件重定向，并且实际上并不存在，因此您将无法在同一文件中编写任何有用的相关代码。

+
+

备注：shapes.mjs中引用的导出基本上通过文件重定向，并且实际上并不存在，因此您将无法在同一文件中编写任何有用的相关代码。

所以现在在main.mjs 文件中，我们可以通过替换来访问所有三个模块类

-- cgit v1.2.3-54-g00ecf