es6引用模块import后面加上花括号{}和不加花括号的区别

1.  import不使用花括号 不使用{}来引用模块的情况下，import模块时的命名是随意的，即如下三种引用命名都是正确的；它总是会解析到A.js中默认的export default。

// A.js
  export default 42

export const A = 52

// B.js                         B.js引用A.js
import A from './A'
import MyA from './A'
import Something from './A'

2. import使用花括号{}
下面代码生效的前提是，只有在模块A.js中有命名导出为A的export name的代码


// B.js
import { A } from './A'                 // 正确，因为A.js中有命名为A的export
import { myA } from './A'               // 错误！因为A.js中没有命名为myA的export
import { Something } from './A'         // 错误！因为A.js中没有命名为Something的export