export與export default均可用于導(dǎo)出常量、函數(shù)、文件、模塊你可以在其它文件或模塊中通過(guò)import+(常量 | 函數(shù) | 文件 | 模塊)名的方式，將其導(dǎo)入，以便能夠?qū)ζ溥M(jìn)行使用在一個(gè)文件或模塊中，export、import可以有多個(gè)，export default僅有一個(gè)通過(guò)export方式導(dǎo)出，在導(dǎo)入時(shí)要加{ }，export default則不需要其實(shí)很多時(shí)候export與export default可以實(shí)現(xiàn)同樣的目的，只是用法有些區(qū)別。注意第四條，通過(guò)export方式導(dǎo)出，在導(dǎo)入時(shí)要加{ }，export default則不需要。使用export default命令，為模塊指定默認(rèn)輸出，這樣就不需要知道所要加載模塊的變量名。可以用最新的webpack去測(cè)試，最新的webpack已經(jīng)內(nèi)置支持了es6的模塊語(yǔ)法。webpack.config.jsconst pathlib=require('path');module.exports={mode: 'development',entry:'./js/main',output:{path:pathlib.resolve('dest'),filename:'bundle.js'} }js/main.js import {fn} from './a'; import b from './b';console.log(`a的值是${fn}`); console.log(`b的值是${b}`);js/a.jsfunction fn(){return {a:1000,age:21111111} }export {fn};js/b.js export default {name:'bbbbbbbbb',age:122222222222 }

?

轉(zhuǎn)載于:https://www.cnblogs.com/Free-Thinker/p/10687798.html

總結(jié)

以上是生活随笔為你收集整理的es6中export和export default的区别的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。