前端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