From 01b0e12ba27b5069248fd09235e9a7143915ee30 Mon Sep 17 00:00:00 2001 From: Irvin Date: Wed, 16 Feb 2022 02:02:49 +0800 Subject: remove `notranslate` class in zh-CN --- .../reference/statements/export/index.html | 38 +++++++++++----------- 1 file changed, 19 insertions(+), 19 deletions(-) (limited to 'files/zh-cn/web/javascript/reference/statements/export') 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
  • 默认导出(每个模块包含一个)
  • -
    // 导出单个特性
    +
    // 导出单个特性
     export let name1, name2, …, nameN; // also var, const
     export let name1 = …, name2 = …, …, nameN; // also var, const
     export function FunctionName(){...}
    @@ -63,7 +63,7 @@ export { default } from …;

    命名导出:

    -
    // 导出事先定义的特性
    +
    // 导出事先定义的特性
     export { myFunction,myVariable };
     
     // 导出单个特性(可以导出var,let,
    @@ -73,7 +73,7 @@ export function myFunction() { ... };

    默认导出:

    -
    // 导出事先定义的特性作为默认值
    +
    // 导出事先定义的特性作为默认值
     export { myFunction as default };
     
     // 导出单个特性作为默认值
    @@ -86,16 +86,16 @@ export default class { .. }
     
     

    但是,可以使用任何名称导入默认导出,例如:

    -
    // 文件 test.js
    +
    // 文件 test.js
     let k; export default k = 12; 
    -
    // 另一个文件
    +
    // 另一个文件
     import m from './test'; // 由于 k 是默认导出,所以可以自由使用 import m 替代 import k
     console.log(m);        // 输出为 12 

     你也可以重命名命名导出以避免命名冲突:

    -
    export { myFunction as function1,
    +
    export { myFunction as function1,
              myVariable as variable };

    重导出 / 聚合

    @@ -104,13 +104,13 @@ console.log(m); // 输出为 12

    这个可以使用“export from”语法实现:

    -
    export { default as function1,
    +
    export { default as function1,
              function2 } from 'bar.js';
     

    与之形成对比的是联合使用导入和导出:

    -
    import { default as function1,
    +
    import { default as function1,
              function2 } from 'bar.js';
     export { function1, function2 };
     
    @@ -121,14 +121,14 @@ export { function1, function2 };

    注意:尽管与import等效,但以下语法在语法上无效:

    -
    import DefaultExport from 'bar.js'; // 有效的
    +
    import DefaultExport from 'bar.js'; // 有效的
     
    -
    export DefaultExport from 'bar.js'; // 无效的
    +
    export DefaultExport from 'bar.js'; // 无效的

    这里正确的做法是重命名这个导出:

    -
    export { default as DefaultExport } from 'bar.js';
    +
    export { default as DefaultExport } from 'bar.js';

    示例

    @@ -136,7 +136,7 @@ export { function1, function2 };

    在模块 my-module.js 中,可能包含以下代码:

    -
    // module "my-module.js"
    +
    // module "my-module.js"
     function cube(x) {
       return x * x * x;
     }
    @@ -158,7 +158,7 @@ export { cube, foo, graph };
     
     

    然后,在你的 HTML 页面的顶级模块中:

    -
    import { cube, foo, graph } from 'my-module.js';
    +
    import { cube, foo, graph } from 'my-module.js';
     
     graph.options = {
         color:'blue',
    @@ -180,7 +180,7 @@ console.log(foo);    // 4.555806215962888

    如果我们要导出一个值或得到模块中的返回值,就可以使用默认导出:

    -
    // module "my-module.js"
    +
    // module "my-module.js"
     
     export default function cube(x) {
       return x * x * x;
    @@ -189,7 +189,7 @@ export default function cube(x) {
     
     

    然后,在另一个脚本中,可以直接导入默认导出:

    -
    import cube from './my-module.js';
    +
    import cube from './my-module.js';
     console.log(cube(3)); // 27
     
    @@ -206,24 +206,24 @@ console.log(cube(3)); // 27

    你的代码看起来应该像这样:

    -
    // childModule1.js 中
    +
    // childModule1.js 中
     let myFunction = ...; // assign something useful to myFunction
     let myVariable = ...; // assign something useful to myVariable
     export {myFunction, myVariable};
    -
    // childModule2.js 中
    +
    // childModule2.js 中
     let myClass = ...; // assign something useful to myClass
     export myClass;
     
    -
    // parentModule.js 中
    +
    // parentModule.js 中
     // 仅仅聚合 childModule1 和 childModule2 中的导出
     // 以重新导出他们
     export { myFunction, myVariable } from 'childModule1.js';
     export { myClass } from 'childModule2.js';
     
    -
    // 顶层模块中
    +
    // 顶层模块中
     // 我们可以从单个模块调用所有导出,因为 parentModule 事先
     // 已经将他们“收集”/“打包”到一起
     import { myFunction, myVariable, myClass } from 'parentModule.js'
    -- 
    cgit v1.2.3-54-g00ecf