前端JS模块化对外暴露的三种方法

对外暴露有三种方式，分别时默认暴露、统一暴露、分别暴露。

但值得注意的是，使用import（引入）和export（暴露）关键字只能在模块系统中如vue中使用，不能在普通的js使用。

一.默认暴露

 1.在新建的test.js文件中

export default {  a(){    console.log(111);  },  b(){    console.log(222);  }}

2.在需要使用的页面中

import test from '../../api/test.js'

console.log(test.a()); //111

二.统一暴露

1.在新建的test.js文件中

 function a(){    console.log('111'); } function b(){    console.log('222'); } export {a,b}

2.在需要使用的页面中

import {a,b} from '../../api/test.js'

console.log(a()); //111

三.分别暴露

1.在新建的test.js文件中

 export function a(){    console.log('111'); } export function b(){    console.log('222'); }

2.在需要使用的页面中

import {a,b} from '../../api/test.js'

console.log(a()); //111