是什么ES6

Question

是什么

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

和

import Task from './Task.jsx'; 

时使用{}当不使用{}之间的区别导入任务和进口{}任务之间的区别？

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

Answer 1

您不必使用{}当你精确的，这是一个默认的导出。

例如：

export default class Test{} 

你可以这样做：

import Test from './test' 

在另一方面，如果你不准确的 “默认” 的关键字，你必须精确{}：

export class Test {} 

给出

import { Test } from './test' 

Answer 2

如果你想抓住的所有模块，你可以做

import * as test from "Test"; 

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

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

，如果您有只有export default Test你可以到

import "Test"; 

read more about modules

Answer 3

当你做

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

你是从” ../api/tasks.js'导入任务模块;

当你做

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

你是从” ../api/tasks.js'导入默认输出模块;这里Task是一个引用默认导出模块的变量。

例子。

task.js export default Task;

壳体1：这是从task.js任务 壳体2：这是任务变量指向任务模块中task.js即任务

如果我做 进口someVariable从” ./api/task .js'仍然可以工作，因为someVarible会指向默认导出模块，它是任务中的任务模块。JS

如果我从” ./api/task.js'

进口{} someVariable它会搜索在task.js模块someVariable但不是有那么现在则是不确定的。