阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      JavaScript 模块的导入导出语句

      模块的导入导出语句

      export : 用来导出模块,以便这些函数能够被导入到外部模块或其他脚本中。

      import : 用来引入外部的模块或另一个 script 中导出的函数。

      导出语法

      // 导出单个特性
      export let name1, name2, …, nameN; // also var, const
      export let name1 = …, name2 = …, …, nameN; // also var, const
      export function FunctionName(){...}
      export class ClassName {...}
      
      // 导出列表
      export { name1, name2, …, nameN };
      
      // 重命名导出
      export { variable1 as name1, variable2 as name2, …, nameN };
      
      // 默认导出
      export default expression;
      export default function (…) { … } // also class, function*
      export default function name1(…) { … } // also class, function*
      export { name1 as default, … };
      
      // Aggregating modules
      export * from …;
      export { name1, name2, …, nameN } from …;
      export { import1 as name1, import2 as name2, …, nameN } from …;
      export { default } from …;
      

      导入语法

      import defaultExport from "module-name";
      import * as name from "module-name";
      import { export } from "module-name";
      import { export as alias } from "module-name";
      import { export1 , export2 } from "module-name";
      import { foo , bar } from "module-name/path/to/specific/un-exported/file";
      import { export1 , export2 as alias2 , [...] } from "module-name";
      import defaultExport, { export [ , [...] ] } from "module-name";
      import defaultExport, * as name from "module-name";
      import "module-name";
      var promise = import("module-name");//这是一个处于第三阶段的提案。
      
      目录
      目录