Javascript ES6导入场景

有多种方法可以导入模块。

import{House}

和

import House

之间有什么区别

---

基于导出选项，在ES6模块中有两种导入方式

命名导入

默认导入

有关更多信息，请参阅

更新 您还可以从单个文件导出和导入这两个文件。这里需要注意的是，一个模块中只能有一个默认导出

//filename - simple.js

export function Simple1() {}
export default function Simple2() { }

import Simple2, { Simple1 } from "./simple.js"

---

基于导出选项，在ES6模块中有两种导入方式

命名导入

默认导入

有关更多信息，请参阅

更新 您还可以从单个文件导出和导入这两个文件。这里需要注意的是，一个模块中只能有一个默认导出

//filename - simple.js

export function Simple1() {}
export default function Simple2() { }

import Simple2, { Simple1 } from "./simple.js"

---

语法

import{House}

用于从'/modules/my module.js'导入特定的命名导入，如

import{foo，bar}

语法
import House
用于从“/modules/my module.js”导入默认导出，如
import myDefault

可以看出，我们可以将这两者混合。例如，这也是一个有效的导入
importmydefault，{foo，bar}来自'/modules/mymodule.js'

阅读更多结帐。
语法
import{House}
用于从'/modules/my module.js'导入特定的命名导入，如
import{foo，bar}

语法
import House
用于从“/modules/my module.js”导入默认导出，如
import myDefault

可以看出，我们可以将这两者混合。例如，这也是一个有效的导入
importmydefault，{foo，bar}来自'/modules/mymodule.js'

阅读更多结帐信息。
第一个是命名导入，第二个是默认导入。导入是阅读此信息的好地方。请将场景中的相关信息放在问题中，而不是作为链接图像？这将使人们更容易了解您的问题。Type1和Type2的附加图像的答案是什么第一个是命名导入，第二个是默认导入是阅读此问题的好地方请您将场景中的相关信息放在问题中，而不是作为链接图像？这将使人们更容易了解您的问题。Type1和Type2的附加图像的答案将是什么？这两个选项都将被导入为import{Simple}from./Simple.js“1-export function Simple（）{return“lamborghini”}和2-function Simple（）{return“lamborghini”；“export default Simple”；两者都将从“/Simple.js”1-导出函数Simple（）{return“lamborghini”}和2-函数Simple（）{return“lamborghini”；}导出默认的Simple；
//filename - simple.js

export function Simple1() {}
export default function Simple2() { }

import Simple2, { Simple1 } from "./simple.js"