aboutsummaryrefslogtreecommitdiff
path: root/files/zh-cn/web/javascript/reference/statements/export
diff options
context:
space:
mode:
authorIrvin <irvinfly@gmail.com>2022-02-16 02:02:49 +0800
committerIrvin <irvinfly@gmail.com>2022-02-16 02:35:54 +0800
commit01b0e12ba27b5069248fd09235e9a7143915ee30 (patch)
tree0e9edf538dc3fa3331e1dbb79239b58186765f86 /files/zh-cn/web/javascript/reference/statements/export
parent6ca84f1794af830ada9736d7289ce29aabb04ca3 (diff)
downloadtranslated-content-01b0e12ba27b5069248fd09235e9a7143915ee30.tar.gz
translated-content-01b0e12ba27b5069248fd09235e9a7143915ee30.tar.bz2
translated-content-01b0e12ba27b5069248fd09235e9a7143915ee30.zip
remove `notranslate` class in zh-CN
Diffstat (limited to 'files/zh-cn/web/javascript/reference/statements/export')
-rw-r--r--files/zh-cn/web/javascript/reference/statements/export/index.html38
1 files changed, 19 insertions, 19 deletions
diff --git a/files/zh-cn/web/javascript/reference/statements/export/index.html b/files/zh-cn/web/javascript/reference/statements/export/index.html
index 2eb0086a2f..f2a8e5a226 100644
--- a/files/zh-cn/web/javascript/reference/statements/export/index.html
+++ b/files/zh-cn/web/javascript/reference/statements/export/index.html
@@ -24,7 +24,7 @@ translation_of: Web/JavaScript/Reference/Statements/export
<li>默认导出(每个模块包含一个)</li>
</ol>
-<pre class="brush: js notranslate">// 导出单个特性
+<pre class="brush: js">// 导出单个特性
export let <em>name1</em>, <em>name2</em>, …, <em>nameN</em>; // also var, const
export let <em>name1</em> = …, <em>name2</em> = …, …, <em>nameN</em>; // also var, const
export function FunctionName(){...}
@@ -63,7 +63,7 @@ export { default } from …;</pre>
<p>命名导出:</p>
-<pre class="brush: js notranslate">// 导出事先定义的特性
+<pre class="brush: js">// 导出事先定义的特性
export { myFunction,myVariable };
// 导出单个特性(可以导出var,let,
@@ -73,7 +73,7 @@ export function myFunction() { ... };</pre>
<p>默认导出:</p>
-<pre class="brush: js notranslate">// 导出事先定义的特性作为默认值
+<pre class="brush: js">// 导出事先定义的特性作为默认值
export { myFunction as default };
// 导出单个特性作为默认值
@@ -86,16 +86,16 @@ export default class { .. }
<p>但是,可以使用任何名称导入默认导出,例如:</p>
-<pre class="brush: js notranslate">// 文件 test.js
+<pre class="brush: js">// 文件 test.js
let k; export default k = 12; </pre>
-<pre class="brush: js notranslate">// 另一个文件
+<pre class="brush: js">// 另一个文件
import m from './test'; // 由于 k 是默认导出,所以可以自由使用 import m 替代 import k
console.log(m); // 输出为 12 </pre>
<p> 你也可以重命名命名导出以避免命名冲突:</p>
-<pre class="brush: js notranslate">export { <var>myFunction</var> as <var>function1</var>,<var>
+<pre class="brush: js">export { <var>myFunction</var> as <var>function1</var>,<var>
myVariable</var> as variable };</pre>
<h3 id="重导出_聚合">重导出 / 聚合</h3>
@@ -104,13 +104,13 @@ console.log(m); // 输出为 12 </pre>
<p>这个可以使用“export from”语法实现:</p>
-<pre class="brush: js notranslate">export { default as function1,
+<pre class="brush: js">export { default as function1,
function2 } from 'bar.js';
</pre>
<p>与之形成对比的是联合使用导入和导出:</p>
-<pre class="brush: js notranslate">import { default as function1,
+<pre class="brush: js">import { default as function1,
function2 } from 'bar.js';
export { function1, function2 };
</pre>
@@ -121,14 +121,14 @@ export { function1, function2 };
<p>注意:尽管与import等效,但以下语法在语法上无效:</p>
</div>
-<pre class="brush: js notranslate">import DefaultExport from 'bar.js'; // 有效的
+<pre class="brush: js">import DefaultExport from 'bar.js'; // 有效的
</pre>
-<pre class="brush: js notranslate">export DefaultExport from 'bar.js'; // 无效的</pre>
+<pre class="brush: js">export DefaultExport from 'bar.js'; // 无效的</pre>
<p>这里正确的做法是重命名这个导出:</p>
-<pre class="brush: js notranslate">export { default as DefaultExport } from 'bar.js';</pre>
+<pre class="brush: js">export { default as DefaultExport } from 'bar.js';</pre>
<h2 id="示例">示例</h2>
@@ -136,7 +136,7 @@ export { function1, function2 };
<p>在模块 <code>my-module.js</code> 中,可能包含以下代码:</p>
-<pre class="brush: js notranslate">// module "my-module.js"
+<pre class="brush: js">// module "my-module.js"
function cube(x) {
return x * x * x;
}
@@ -158,7 +158,7 @@ export { cube, foo, graph };
<p>然后,在你的 HTML 页面的顶级模块中:</p>
-<pre class="brush: js notranslate">import { cube, foo, graph } from 'my-module.js';
+<pre class="brush: js">import { cube, foo, graph } from 'my-module.js';
graph.options = {
color:'blue',
@@ -180,7 +180,7 @@ console.log(foo); // 4.555806215962888</pre>
<p>如果我们要导出一个值或得到模块中的返回值,就可以使用默认导出:</p>
-<pre class="brush: js notranslate">// module "my-module.js"
+<pre class="brush: js">// module "my-module.js"
export default function cube(x) {
return x * x * x;
@@ -189,7 +189,7 @@ export default function cube(x) {
<p>然后,在另一个脚本中,可以直接导入默认导出:</p>
-<pre class="brush: js notranslate">import cube from './my-module.js';
+<pre class="brush: js">import cube from './my-module.js';
console.log(cube(3)); // 27
</pre>
@@ -206,24 +206,24 @@ console.log(cube(3)); // 27
<p>你的代码看起来应该像这样:</p>
-<pre class="brush: js notranslate">// childModule1.js 中
+<pre class="brush: js">// childModule1.js 中
let myFunction = ...; // assign something useful to myFunction
let myVariable = ...; // assign something useful to myVariable
export {myFunction, myVariable};</pre>
-<pre class="brush: js notranslate">// childModule2.js 中
+<pre class="brush: js">// childModule2.js 中
let myClass = ...; // assign something useful to myClass
export myClass;
</pre>
-<pre class="brush: js notranslate">// parentModule.js 中
+<pre class="brush: js">// parentModule.js 中
// 仅仅聚合 childModule1 和 childModule2 中的导出
// 以重新导出他们
export { myFunction, myVariable } from 'childModule1.js';
export { myClass } from 'childModule2.js';
</pre>
-<pre class="brush: js notranslate">// 顶层模块中
+<pre class="brush: js">// 顶层模块中
// 我们可以从单个模块调用所有导出,因为 parentModule 事先
// 已经将他们“收集”/“打包”到一起
import { myFunction, myVariable, myClass } from 'parentModule.js'