diff options
author | Irvin <irvinfly@gmail.com> | 2022-02-16 02:02:49 +0800 |
---|---|---|
committer | Irvin <irvinfly@gmail.com> | 2022-02-16 02:35:54 +0800 |
commit | 01b0e12ba27b5069248fd09235e9a7143915ee30 (patch) | |
tree | 0e9edf538dc3fa3331e1dbb79239b58186765f86 /files/zh-cn/web/javascript/reference/statements/export | |
parent | 6ca84f1794af830ada9736d7289ce29aabb04ca3 (diff) | |
download | translated-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.html | 38 |
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' |