ES6模塊化規(guī)范

ES6使用 export 和 import 來(lái)導(dǎo)出、導(dǎo)入模塊。

?

導(dǎo)出模塊

創(chuàng)建 es6模塊化/userApi.js export function getList() {console.log('獲取數(shù)據(jù)列表') }export function save() {console.log('保存數(shù)據(jù)') }

導(dǎo)入模塊

創(chuàng)建 es6模塊化/userComponent.js

//只取需要的方法即可，多個(gè)方法用逗號(hào)分隔 import { getList, save } from "./userApi.js" getList() save()

注意：這時(shí)的程序無(wú)法運(yùn)行的，因?yàn)镋S6的模塊化無(wú)法在Node.js中執(zhí)行，需要用Babel編輯成ES5后再執(zhí)行。

運(yùn)行程序

node es6模塊化-dist/userComponent.js

ES6模塊化的另一種寫法

導(dǎo)出模塊

創(chuàng)建 es6模塊化/userApi2.js

export default {getList() {console.log('獲取數(shù)據(jù)列表2')},save() {console.log('保存數(shù)據(jù)2')} }

導(dǎo)入模塊

創(chuàng)建 es6模塊化/userComponent2.js

import user from "./userApi2.js" user.getList() user.save()

?

總結(jié)

以上是生活随笔為你收集整理的模块化操作（es6写法）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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