JS:export 与export default的区别,结合import的用法

export:输出本模块(一般一个文件认为是一个模块)提供给外部使用的接口;

import:引入其他模块,供本文件使用,可以引用的就是export输出的接口;

export有两种方式:export 或者export default;

两者的相同点与区别点如下:

1、两者均可用于导出常量、函数、文件、模块;

2、在一个文件中可以多次使用export,但是export default只能用一次;

3、通过export输出的,在import导入时需要使用{},export default不需要;

4、export与export default不可同时使用;

举例说明:

var a = 'a';
var b = 'b';
//使用export
export a;
export b;
export {a, b}
//使用export default
export default{a,b}

使用export输出时:

import {a,b} from './xxx'

使用export default输出时:

import A from './yyy'

日常记录

猜你喜欢

转载自www.cnblogs.com/yiyiboy-core/p/9928736.html