es6中的import Task和import｛Task｝之间有什么区别

what is the difference between import Task and import { Task } in es6

本文关键字：Task import 什么 区别 之间 中的 es6      更新时间：2023-09-26

之间有什么区别

import { Tasks } from '../api/tasks.js';

和

import Task from './Task.jsx';

何时使用{}，何时不使用{}？

（顺便说一句，这是流星教程https://www.meteor.com/tutorials/react/update-and-remove)

当您精确确定它是默认导出时，不必使用{}。

例如：

export default class Test{}

你可以做：

import Test from './test'

另一方面，如果你不精确的"默认"关键字，你必须精确{}:

export class Test {}

给出

import { Test } from './test'

进行时

 import { Tasks } from '../api/tasks.js';

您正在从".."导入任务模块/api/tasks.js’；

当你做

import Tasks  from '../api/tasks.js';

您正在从".."导入默认导出模块/api/tasks.js’；这里的Task是一个变量，它引用默认的导出模块。

示例。

task.js导出默认任务；

案例1：它是Task.js中的Task案例2：Task变量指向Task.js中的Task模块，即Task

如果我这样做从"导入someVariable/js仍然可以工作，因为someVarible将指向默认的导出模块，即task.js 中的task模块

如果我做

从"导入｛someVariable｝/它将在task.js中搜索模块someVariable，但它不在那里，所以现在它是未定义的。

如果你想获取所有模块，你可以进行

import * as test from "Test";

如果你只导出一些模块，而不是全部，那么你必须指定你想要的wictch模块

import { Module1, Module2, Module3 } from "Modules"; //grab only given in {}

如果你只有export default Test，你可以去

import "Test";

阅读更多关于模块的信息

相关文章：