node 模組化匯出匯入的方式

2021-10-10 22:17:40 字數 1868 閱讀 8893

#第一種 module.exports commonjs的寫法

匯出

const age =15;

module.exports = age;

匯入

//此處的age 與匯出的 age 可以不一樣

const age =

require(.

/action.js)

console.

log(age)

//這種寫法也可以

//const age_age = require(./action.js)

)

#第二種 export default

匯出

const age =15;

const name =

'張三'

;//第二個name運用了物件的解構賦值

export

default

匯入

//這裡的age實際相當於 export default 匯出的整個物件

import age from

'./test.js'

console.

log(age)

//

應用

>

>

charset

="utf-8"

>

>

title

>

head

>

>

src=

"test1.js"

type

="module"

charset

="utf-8"

>

script

>

body

>

html

>

#第三種 export 這裡運用了物件的解構賦值

匯出

const hello =

'alen'

export

匯入

import

from

'./output.js'

//此處的import 和export ,兩個hello是一一對應關係

console.

log(hello)

運用

>

>

charset

="utf-8"

>

>

title

>

head

>

>

src=

"test1.js"

type

="module"

charset

="utf-8"

>

script

>

body

>

html

>

說明:為什麼要在html中應用,因為後兩種並未封裝成模組(module),所以要借用html中的script引用,並制定type為module才可以用

src=

"test1.js"

type

="module"

charset

="utf-8"

>

script

>

若是直接使用node xx.js 執行會報錯

es模組化匯入匯出

在es6中每乙個模組即是乙個檔案,在檔案中定義的變數,函式,物件在外部是無法獲取的。如果你希望外部可以讀取模組當中的內容,就必須使用export來對其進行暴露 輸出 先來看個例子,來對乙個變數進行模組化。我們先來建立乙個test.js檔案,來對這乙個變數進行輸出 export let myname ...

Js模組化匯入匯出

1.js var a 1 varb function module.exports 1 1.js var m1 require 1.js console.log m1.a 1 m1.b 1 1 2.js import m1 from 1.js console.log m1.a 1 m1.b 1 or...

前端模組化 匯入匯出

1 commonjs實現匯入匯出 匯出 通過乙個物件匯出 module.exports demo a,b 匯入 let require modulea 等價於let ma require modulea let test ma.test 2 es的匯入匯出 1 export的基本使用 export指...