exportexport defaultimport的区别

Posted 2020-10-14

export、export default 均可用于导出常量.、函数、文件、模块等;

在文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用;

export 对应的 import 需要知道 export抛出的变量名或函数名 import{a,b};
export default对应的 import 不需要知道 export抛出的变量名或函数名 import anyname

注意: export、import 可以有多个，export default只有一个

 

a.js

　　export const str="变量"

　　export function log(res) {

　　　　return res

　　}

　　import {str, log} from ‘a‘

　　

　　export default str/{}

　　import name from ‘a‘

 

export default输出一个叫做default的变量，然后系统允许你为它取任意名字。所以可以为import的模块起任何变量名，且不需要用大括号包含