export與export default區別

• export與export default均可用於匯出常量、函式、檔案、模組等

• 可以在其它檔案或模組中通過 import+(常量 | 函式 | 檔案 | 模組)名的方式，將其匯入，以便能夠對其進行使用

• 模組中通過export匯出的(屬性或者方法)可以修改，但是通過export default匯出的不可以修改

• 在一個檔案或模組中，export可以有多個，但是export default僅有一個

• 通過export方式匯出，在匯入時要加{ }，而export default則不需要

程式碼演示

export

Test.js程式碼

export let x = '1'

export const y = '2'

export const z = '3'
複製程式碼

匯入：

//匯入的時候需要帶花括號
import {x,y,z} from "Test.js"

//也可以逐個匯入
import {x} from "Test.js"
import {y} from "Test.js"
import {z} from "Test.js"
複製程式碼

export default

Test.js程式碼：

let x = '1'  

export default x
複製程式碼

匯入：

//匯入的時候不需要帶花括號
import x from "Test.js" 
複製程式碼

補充

說到這裡，順便補充一下module.exports與require

程式碼示例：

Test.js程式碼：

module.exports = {
    name:"xxx"
}
複製程式碼

匯入：

const Test = require("Test.js");

Test.name
複製程式碼

---

U_U