在一些框架中发现会提供一个很实用的功能:拦截器(拦截器),例如要实现这个需求:小程序每次获取到定位后都存到globalData里:
wx.getLocation ({//. .
成功(res) {
.globalData getApp ()。位置=res//?
}
}）
之前
如果每一处使用wx。getLocation的地方都这么写也没啥大问题,但总显得不够“智能”,一方面是多了重复代码,另一方面如果需求变动,获取到定位后存到别的地方,那要改很多次。
有了拦截器,可以更优雅的实现它:
拦截(getLocation, {
成功(res) {
.globalData getApp ()。位置=res
}
}）
之前
只要在一处定义如上的拦截器,其他地方直接用wx。getLocation即可。那么,如何实现上面的方式呢?
///intercept.js跑龙套//存储拦截器定义
var拦截器={}
配置函数拦截(关键){
拦截(例子)=配置
}
{出口
拦截,
拦截器
}
之前
很简单,暴露出拦截方法,定义一个存储器也一并暴露出去。
要实现使用wx。getLocation自动应用拦截器,就必须基于原有方法重新定义它。
从“进口{拦截器}。/拦截的//备份原有微信方法
var wxBackup={}
(
“getLocation”//还可以有很多其他方法……
].forEach((关键)=比;{
wxBackup[主要]=wx(例子)
天气(例子)=(配置)=比;{
如果(拦截器(例子)){//备份业务代码传入的回调方法
var备份={}
var拦截=拦截器(例子)
(
“成功”,
“失败”,
“完成”
].forEach ((k)=比;{
备份配置[k] [k]=配置[k]=(res)=比;{
拦截器[k] (res)
备份[k] (res)
}
}）
}
wxBackup(例子)(配置)
}
}）
之前
当然,上述代码用数组列出了所有可能被定义拦截器的微信函数,也可以使用种(天气)通用处理。
上面的场景比较简单,拦截器的应用还有更多场景。比如每次请求传参带上公参经纬度,接口返回的数据都会约定包裹在对象中,请求回来需要取一遍。数据异常时还要针对错误码做特定处理,就可以很方便的用拦截器处理:
拦截(“请求”,{
数据(数据){
.globalData.location var=getApp位置()
数据。位置=位置。纬度+”、“+ location.longitude
返回数据
},
成功(res) {
如果(res.code==200) {
返回res.object
其他}{
如果(res.code==皒xx”) {//登录失效,重新登录//....
}
}
}
}）
之前
注意,拦截器函数里多了返回值,具体实现方法就不多写,基于上述实现完善代码即可。
细心的读者可能发现,我们代理或者改造了很多微信提供的方法,有些开发者可能不喜欢这样,希望保持原有代码的纯洁性。这要看团队喜好吧,基于此考虑,主要是不想定义太多新的方法或api,尽量以大家最为熟悉的方式书写代码。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
