commonJS 和 es6规范 的引入导出

index.js中定义:

var info = { name = 'sisi' };

1.定义变量的时候,不要用object变量名,有可能出现未知的错误。

2.输出用export {info}的时候,引入须用 import {info} from index.js 的形式,不可省略大括号。

3.输出用export{info as vm}的形式时,引入不能再用info这个接口了,只能用vm这个接口,即

import {vm} from index.js

4.重点:输出采用module.exports = info的时候,引入info也可以采用import.

import info from index.js

不可采用

import {info} from index.js

换句话说,CommanJS规范中的输出,也可以采用es6规范中的输入来引入。

当然,这种情况使用

var info = require('index.js');

也是正确的。

5.与上面第四条作对比,如果输出采用es6的export 。即 export {info} ; 或者 export default info;则模块引入info必须采用import,采用require行不通。

6.使用export输出的时候,引入必须要有{},例如demo.js

export const str = 'sisi';

export function func(){
   console.log('sisi');
}

引入的时候要用

import {str} from 'demo';
或
import {str, func} from 'demo';

不可使用

import str from 'demo';

但是使用

export default const str = 'sisi';

输出的时候
引入可以使用

import str from 'demo';

因为一个文件或者模块中只能有一个export default

以上结论均经过测试。

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值