一、使用import方法引入
- 将要重复调用的方法
// 如果用户传入对象作为参数,在形参的位置通过解构的方式获取用户传入的参数,同时设置默认值
const toast=({title='数据加载中...',icon='none',duration=2000,mask=true}={})=>{
wx.showToast({
title,
icon,
duration,
mask
})
}
// 如果其他js文件需要使用toast方法,需要先导入toast,然后进行调用即可。
export{toast}
- 在app.js页面使用import方法引入
import {toast} from "./utils/extendApi"
App({
onShow(){
// 引入toast不传递参数
toast()
// 引入toast传递参数
toast({title:'数据加载完毕',icon:'success'})
}
})
二、使用wx全局对象引入
- 将要重复调用的方法
// 如果用户传入对象作为参数,在形参的位置通过解构的方式获取用户传入的参数,同时设置默认值
const toast=({title='数据加载中...',icon='none',duration=2000,mask=true}={})=>{
wx.showToast({
title,
icon,
duration,
mask
})
}
// 将toast方法挂载到wx全局对象身上,避免每次使用都要进行导入。
wx.toast=toast
在app.js页面使用wx全局对象引入
import './utils/extendApi'
App({
onShow(){
// 使用全局方法不传入参数
wx.toast()
// 使用全局方法传入参数
wx.toast({title:'数据加载完毕',icon:'success'})
}
})