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

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

码农世界 2024-06-04 前端 91 次浏览 0个评论

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

但值得注意的是,使用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

转载请注明来自码农世界,本文标题:《前端JS模块化对外暴露的三种方法》

百度分享代码,如果开启HTTPS请参考李洋个人博客
每一天,每一秒,你所做的决定都会改变你的人生!

发表评论

快捷回复:

评论列表 (暂无评论,91人围观)参与讨论

还没有评论,来说两句吧...

Top