export default 与 export 区别

在JavaScript ES6中,export与export default均可用于导出常量、函数、文件、模块等,使用的时候可以在其它文件或模块中通过import (常量 | 函数 | 文件 | 模块)名的方式,将其导入,进行使用。

区别:

  • 在一个文件或模块中,export、import可以有多个,export default仅有一个
  • export default后面不能跟constlet的关键词

具体使用:

(1)
demo1.js

export const str = 'hello'

export function f(a){
    return a+1
}

对应的导入方式:
demo2.js

import { str, f } from 'demo1' //导入的时候带花括号

(2)
demo1.js

export default const str = 'hello'

对应的导入方式:
demo2.js

import str from 'demo1' //导入的时候没有花括号
上一篇:java中接口类型接收任意类型的对象实例


下一篇:ts 之 多种泛型的处理方式