es6中的import怎么用

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

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

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

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

es6中import的用法是什么

ES6模塊主要有兩個功能：export和import

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

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

也就是說使用export命令定義了模塊的對外接口以后，其他JS文件就可以通過import命令加載這個模塊（文件）。

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

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

// a.js
export var sex="boy";export var echo=function(value){
　　console.log(value)
}
//因為function echo(){}等價于 var echo=function(){}所以也可以寫成
export function echo(value){
　　　console.log(value)
}

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

網(wǎng)站題目：es6中的import怎么用
文章出自：http://muchs.cn/article12/ghoegc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、品牌網(wǎng)站設(shè)計、網(wǎng)站內(nèi)鏈、外貿(mào)建站、網(wǎng)站維護、企業(yè)網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)