2022/08/26-12-学习笔记-js中export与import

export

1、命名式导出

模块可以通过export前缀关键词声明导出对象，导出对象可以是多个。
这些导出对象用名称进行区分，称之为命名式导出,
同时导出时还可以使用as设置一个别名。

export const apiSystemDeptEdit = params => ajaxPut({url: `users/dept/`, params})
export const apiSystemDept = params => ajaxGet({url: `users/dept/`, params})

2、默认导出

默认导出使用的是export default,它表示的是默认导出，
使用时不需要使用花括号来进行包裹，在一个文件或模块中，export、import可以有多个，export default仅有一个。

export default {
  login,
  logout,
  getSelfInfo,
  setUserInfo,
  setSelfPassword,
  setUserAvatar
}

import

1、命名式导出

必须使用命名式导出的所对应的变量名，必须用大括号进行包裹才能够解构

import {apiSystemDeptEdit,apiSystemDept} from "./api.js"

2、默认导出

import api from "./api.js"
api.login
api.logout