#第一種 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指...