本篇內(nèi)容主要講解“es6中export和export default的區(qū)別是什么”,感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷,實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“es6中export和export default的區(qū)別是什么”吧!
我們提供的服務(wù)有:成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)、微信公眾號(hào)開(kāi)發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、盧氏ssl等。為近千家企事業(yè)單位解決了網(wǎng)站和推廣的問(wèn)題。提供周到的售前咨詢和貼心的售后服務(wù),是有科學(xué)管理、有技術(shù)的盧氏網(wǎng)站制作公司
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.js
const 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的值是$`);
js/a.js
function fn(){ return { a:1000, age:21111111
js/b.js
export default { name:'bbbbbbbbb', age:122222222222
到此,相信大家對(duì)“es6中export和export default的區(qū)別是什么”有了更深的了解,不妨來(lái)實(shí)際操作一番吧!這里是創(chuàng)新互聯(lián)網(wǎng)站,更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢,關(guān)注我們,繼續(xù)學(xué)習(xí)!
文章標(biāo)題:es6中export和exportdefault的區(qū)別是什么
URL網(wǎng)址:http://jinyejixie.com/article6/pgshig.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供ChatGPT、、標(biāo)簽優(yōu)化、網(wǎng)頁(yè)設(shè)計(jì)公司、網(wǎng)站改版、移動(dòng)網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)