es6模組化的匯入匯出

猝死的路上發表於2024-06-18

有兩種方式
1.基本匯出

export const name="zhangsan"
export function sum(a,b){
  return a+b;
}

對應的基本匯入

import { name,sum } from './test.js'
直接使用變數名或者函式

或者別名
import { name as name1,sum as sum1 } from './test.js'
透過別名使用

或者全部匯入
import * as test from './test.js'
透過物件的形式使用 test.name  test.sum(1,2)

2.預設匯出

export default {
  name:"zhangsan",
  sum(a,b){
    return a+b;
  }
}

預設匯入

import test from './test.js'
使用物件形式使用
test.name  test.sum()

推薦使用基本匯出,如果使用ts,會有提示

相關文章