いつもimportとexportがわからなくなるのJS

いつもimportとexportがこんがらがる。あれ？これはなんで{}つくんだっけ？とか。

・言わば通常ver

export: obj, func, primitive data typeをexportする

export default Yukichi; 

import: 

import Yukichi from ’’;

ここのYukichi変数にexportしたものが入る。名前はなんでも良き

・オブジェクトの名前等ををexport ver

export： オブジェクト名を｛｝に書いてexport

let yukichi = { }; function bird ( ) { }; export {yukichi, bird};

import：{ }内にオブジェクト名書いてimport

import {yukichi, bird} from '';

・宣言とともにexport ver

export: export obj, funcの宣言で書く

export let yukichi = { }

import:  

import {yukichi } friom '';

・ES6前

export：

let Yukichi = { }; Yukichi.tweet = 'piyo'; module.exports = Yukichi; //Yukichi objをexport

import:  yukichi objを使おう

const yukichi = require(path); yukichi.tweet //piyo