1. 程式人生 > >export, import 和 export default的區別

export, import 和 export default的區別

ES6的兩個功能: export 和 import

export 對外輸出模組

import 引入(載入)進來一個模組

一、export => import

單個變數


export var name = "lishi"

在其他檔案裡引用


import {name} from '/.a.js'

多個變數

var name = '111'
var name2 = '222'
export {name, name2}

引入

import {name, name2} from '....'

二、export default => import

export default name

其他模組引入

import name from '....'

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

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

3、在一個檔案或模組中,export、import可以有多個,export default僅有一個

4、通過export方式匯出,在匯入時要加{ },export default則不需要