javascript模块导入导出

2018-06-24 01:24:50来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

第一次知道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 '文件相对地址(不要文件后缀)';

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:精心收集的 48 个 JavaScript 代码片段,仅需 30 秒就可理解!(

下一篇:简易时钟的制作