[小程序开发] 消息提示模块封装

一、使用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'})

	}
})