export和export default的區別

2021-09-20 01:20:57 字數 1051 閱讀 4583

export本質上就是規定模組[js檔案]的對外介面[屬性或方法]

export default則是在export的基礎上,為規定模組提供乙個預設的對外介面

直接輸出

export

let words =

'hello world!!!'

export

function

output()

先定義再輸出推薦使用

let firstwords =

'hello'

let secondwords =

'world'

let thirdwords =

'!!!'

function

output()

export

export default用於規定模組的預設對外介面

很顯然預設對外介面只能有乙個,所以export default在同乙個模組中只能出現一次

export default除了不具備export所擁有的第二種輸出方式以外,其在import方式上也和export存在一定區別

export的輸出與import輸入

export

function

output()

import

from

'./example'

export default的輸出與import輸入

export

default

function

output()

import output from

'./example'

export和export default的區別

export與export default均可用於匯出常量 函式 檔案 模組等 在其它檔案或模組中可以通過import 常量 函式 檔案 模組 名 from 檔案 的方式,將其匯入,進而對其操作 在乙個檔案或模組中,export可以有多個,export default僅有乙個 通過export方式匯...

export和export default的區別

看完上面這幾個例子,想必你一定了解了如何使用export,import,如果還是不懂可以自己動手試一試。上面講的是export和import,但是export跟export default 有什麼區別呢?如下 1 export與export default均可用於匯出常量 函式 檔案 模組等 2 你...

export和export default的區別

export本質上就是規定模組 js檔案 的對外介面 屬性或方法 export default則是在export的基礎上,為規定模組提供乙個預設的對外介面 直接輸出 export let words hello world export function output 先定義再輸出推薦使用 let ...