当前位置:首页 > 编程笔记 > 正文
已解决

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

来自网友在路上 11058105提问 提问时间:2023-11-20 15:41:01阅读次数: 105

最佳答案 问答题库1058位专家为你答疑解惑

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

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

查看全文

99%的人还看了

猜你感兴趣

版权申明

本文"前端JS模块化对外暴露的三种方法":http://eshow365.cn/6-40454-0.html 内容来自互联网,请自行判断内容的正确性。如有侵权请联系我们,立即删除!