export、export default、import的区别

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的模块起任何变量名,且不需要用大括号包含

猜你喜欢

转载自blog.csdn.net/Running_FE/article/details/80365556