ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

微信小程序(四十)API的封装与调用

2026/9/14 18:15:38 拓冰建站 浏览量
微信小程序(四十)API的封装与调用

注释很详细,直接上代码

上一篇

新增内容:
1.在单独的js文件中写js接口
2.以注册为全局wx的方式调用接口

源码:

utils/testAPI.js

const testAPI={/*** * @param {*} title */simpleToast(title='提示'){//可传参,默认为‘提示’wx.showToast({title:title,icon:'none',duration:2000,mask:true//加上蒙版防止误触})}}//导出
export default testAPI

app.js

import testAPI from "./utils/testAPI"
//注册到全局wx对象上,当然也可以在页面的js里面注册单独给某个页面使用
wx.testAPI=testAPIApp({globalData: {},})

index.js

Page({onLoad(){  //小程序开始时调用wx.testAPI.simpleToast('hello world')}
});

效果演示:

在这里插入图片描述