ES6模塊化規范

ES6使用 export 和 import 來導出、導入模塊。

?

導出模塊

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

導入模塊

創建 es6模塊化/userComponent.js

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

注意：這時的程序無法運行的，因為ES6的模塊化無法在Node.js中執行，需要用Babel編輯成ES5后再執行。

運行程序

node es6模塊化-dist/userComponent.js

ES6模塊化的另一種寫法

導出模塊

創建 es6模塊化/userApi2.js

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

導入模塊

創建 es6模塊化/userComponent2.js

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

?

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。