1. 程式人生 > >JavaScript ES6中export及export default的區別

JavaScript ES6中export及export default的區別

.net dem pre 知識庫 cit export article 知識 targe

本文原創地址鏈接:http://blog.csdn.net/zhou_xiao_cheng/article/details/52759632,未經博主允許不得轉載。
相信很多人都使用過export、export default、import,然而它們到底有什麽區別呢?
在JavaScript ES6中,export與export default均可用於導出常量、函數、文件、模塊等,

你可以在其它文件或模塊中通過import+(常量 | 函數 | 文件 | 模塊)名的方式,將其導入,以便能夠對其進行使用,但在一個文件或模塊中,export、import可以有多個,export default僅有一個。
具體使用:
1、

//demo1.js
export const str = ‘hello world‘

export function f(a){
    return a+1
}
  • 1
  • 2
  • 3
  • 4

對應的導入方式:

//demo2.js
import { str, f } from ‘demo1‘ //也可以分開寫兩次,導入的時候帶花括號

2、

//demo1.js
export default const str = ‘hello world‘
  • 1

對應的導入方式:

//demo2.js
import str from ‘demo1‘ //導入的時候沒有花括號

JavaScript ES6中export及export default的區別