js 模块导入导出

js 模块的导入有两种方法,一种是require引入,另一种是import引入。
module.exports将模块导出用于其他程序。
   module.export = 变量; || module.export = {对象内属性方法}
require() 导入当前程序中使用的模块。
  const 变量 = require(‘引入的文件相对地址带后缀名.js’);
  
ES6引入了一个更灵活,更简单的语法来导出模块:
默认导出用于export default导出JavaScript对象,函数和原始数据类型。
  export default 变量;
命名导出使用export关键字来导出变量中的数据。
  export {变量名、对象名、函数};
命名导出可以用as关键字别名。
  export {变量名 as 别名、对象名、函数};
import 是导入任何对象,函数或数据类型的关键字。
  import 变量 from ‘文件相对地址(不要文件后缀)’;

关于import变量引入是否需要加大括号,阮一峰的ES6的教程里这样写着:
上面代码的两组写法,第一组是使用export default时,对应的import语句不需要使用大括号;第二组是不使用export default时,对应的import语句需要使用大括号。
export default命令用于指定模块的默认输出。显然,一个模块只能有一个默认输出,因此export default命令只能使用一次。所以,import命令后面才不用加大括号,因为只可能唯一对应export default命令。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值