import {module}和import module之间的区别

use*_*212 5 javascript ecmascript-6

我已经看到了从ES6中的另一个模块导入代码的以下两个变体:

import {module}  from "./Module"
Run Code Online (Sandbox Code Playgroud)

import module from "./Module"
Run Code Online (Sandbox Code Playgroud)

其中module是文件中定义的ES6类

Module.js

两个import语句有什么区别?

Mik*_*kel 5

不同之处在于它的导出方式.

export default const myModule = {}
Run Code Online (Sandbox Code Playgroud)

基本上它说"这是默认出口".你导入它

import myModule from 'module'
Run Code Online (Sandbox Code Playgroud)

另一种方法是可以像这样导出多个入口点:

export const myModule1 = {}
export const myModule2 = {}
Run Code Online (Sandbox Code Playgroud)

你导入这些

import {myModule1, myModule2} from 'module'
Run Code Online (Sandbox Code Playgroud)

如果导出默认入口点和命名入口点,则可以执行以下操作:

import myModule, {myModule1, myModule2} from 'module'
Run Code Online (Sandbox Code Playgroud)

它似乎不完全合乎逻辑,通常包装作者应解释如何导入其模块.如果您是作者,这将对您有所帮助

  • 最后一次导入中缺少逗号 (2认同)