【ES6】import / export

匯入的類型要看匯出的形式，所以我用匯入方式來說明

使用default 匯出

匯入就可以取任何名稱

import fn from './func.js';
fn();
// 匯出檔案 func.js
// export default function (){
//   console.log("fn")
// }

具名匯入

匯入必須使用完整名稱，也可以匯入的時候給予別名

import {fn2, fn3 as new_fn3, person} from './func.js';
fn2();
new_fn3();
export const person = {name:"sam",age:18}

// 匯出檔案 func.js
// export function fn2(){
//   console.log("fn2")
// }
// export function fn3(){
//   console.log("fn3")
// }

全部匯入

import * as obj from './func.js';
obj.fn();
// 匯出檔案 func.js
// export function fn(){
//   console.log("fn")
// }

傳統lib匯入

ex.Jquery

// import file
import './fn.js';

// module file
(function() {
  console.log('IIFE');
})();