javascript模块导入导出

Posted xuetp

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript模块导入导出相关的知识,希望对你有一定的参考价值。

第一次知道javascript有模块的概念通常都是使用<script>标签进行引入,不过只能在html文件上使用

增加的模块就如同php里的include、require可以使用引入的内容,

不过php是默认引入的文件内部全部可用,而javascript则是选择导出、选择导入,只可以使用引入的函数、变量、对象

codecademy上理解javascript  module 部分

JavaScript中的模块是可重复使用的代码段,可以从一个程序导出并导入到另一个程序中使用。

  • module.exports将模块导出用于其他程序。  
    •    module.export = 变量; || module.export = {对象内属性方法} 
  • require() 导入当前程序中使用的模块。
    •   conste 变量 =  require(‘引入的文件相对地址带后缀名.js‘);

ES6引入了一个更灵活,更简单的语法来导出模块:

  • 默认导出用于export default导出JavaScript对象,函数和原始数据类型。  
    •   export default 变量;
  • 命名导出使用export关键字来导出变量中的数据。
    •   export {变量名、对象名、函数};
  • 命名导出可以用as关键字别名
    •   export {变量名 as 别名、对象名、函数}; 
  • import 是导入任何对象,函数或数据类型的关键字。
    •   import 变量  from ‘文件相对地址(不要文件后缀)‘;

以上是关于javascript模块导入导出的主要内容,如果未能解决你的问题,请参考以下文章

如何从 javascript/typescript 模块文件(导入/导出)访问 Vuex 商店?

javascript 模块导入导出

javascript 导出和导入模块

javascript 模块化(导入和导出文件)

LayaBox---TypeScript---模块

将 CommonJS 默认导出导入为命名导出/无法加载 ES 模块