這篇文章主要講解了“es6中的import怎么用”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“es6中的import怎么用”吧！

成都創(chuàng)新互聯(lián)公司主要從事成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、網(wǎng)頁(yè)設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)鹽亭,十余年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專(zhuān)業(yè),歡迎來(lái)電咨詢(xún)建站服務(wù):028-86922220

在es6中，import用于在一個(gè)模塊中加載另一個(gè)含有export接口的模塊；使用export命令定義了模塊的對(duì)外接口以后，JS文件就可以通過(guò)import命令加載這個(gè)模塊，語(yǔ)法為“import export模塊接口 from js文件”。

本教程操作環(huán)境：windows10系統(tǒng)、ECMAScript 6.0版、Dell G3電腦。

es6中import的用法是什么

ES6模塊主要有兩個(gè)功能：export和import

export用于對(duì)外輸出本模塊（一個(gè)文件可以理解為一個(gè)模塊）變量的接口

import用于在一個(gè)模塊中加載另一個(gè)含有export接口的模塊。

也就是說(shuō)使用export命令定義了模塊的對(duì)外接口以后，其他JS文件就可以通過(guò)import命令加載這個(gè)模塊（文件）。

如下圖(假設(shè)a和b文件在同一目錄下)

a.js文件也可以按如下export語(yǔ)法寫(xiě)，但不如上邊直觀，不太推薦。

// a.js
export var sex="boy";export var echo=function(value){
　　console.log(value)
}
//因?yàn)閒unction echo(){}等價(jià)于 var echo=function(){}所以也可以寫(xiě)成
export function echo(value){
　　　console.log(value)
}

感謝各位的閱讀，以上就是“es6中的import怎么用”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)es6中的import怎么用這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！