是什麼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但不是有那麼現在則是不確定的。