微信小程序引入外部js module.exports 的使用

古城微笑少年丶 2023-07-24 08:31 24阅读 0赞

https://developers.weixin.qq.com/miniprogram/dev/reference/api/exports.html 微信官方

微信小程序引用外部js

1、先建立一个common.js, 写我们的外部js

  比如: common.js  

  1. function getTime(){
  2. //下面写我们的代码
  3. ....
  4. }
  5. // common.js
  6. function sayHello(name) {
  7. console.log(`Hello ${name} !`)
  8. }
  9. function sayGoodbye(name) {
  10. console.log(`Goodbye ${name} !`)
  11. }
  12. module.exports = { //必须在这里暴露接口,以便被外界访问,不然就不能访问
  13. getTime: getTime,
  14. sayHello:sayHello,
  15. sayGoodbye, //两个名字一样写一个
  16. }

2、在需要引入js文件的js中写

  1. var commonJS= require("../../utils/common.js"); //定义任意一个名字来接收对象即可。
  2. onLoad: function (options) {
  3. this.setData({
  4. time: commonJS.getTime() // 最后在这里生效
  5. })
  6. },

单个引入

  1. module.exports 的引用
  2. // common.js
  3. function sayHello(name) {
  4. console.log(`Hello ${name} !`)
  5. }
  6. function sayGoodbye(name) {
  7. console.log(`Goodbye ${name} !`)
  8. }
  9. module.exports.sayHello = sayHello
  10. exports.sayGoodbye = sayGoodbye
  11. 导出对象
  12. module.exports = {
  13. _get,
  14. _post,
  15. }
  16. 引入
  17. import { _get, _post } from "./xxx.js"

发表评论

表情:
评论列表 (有 0 条评论,24人围观)

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

相关阅读