this.massages = rst.message;
}
}else{
errcallback && errcallback();
this.massages=rst.message;
//监听massages的变化
}
//这里如果返回this返回的是代理对象的this
return res
}).catch(e => {
console.log(e)
})
}
}
const api = new API();
export default api
//代码核心地方其实就是在类上定义了信息字段，通过massages值变化来反馈信息
我所使用的toast效果。
this.api.post(params, res => {
//你需要执行的逻辑
// 再也不需要写什么
//this.$msg(res.value) 这类的代码，代理已经都帮你处理完了
})
这就是我在实际中用到的代理，这个方法不管在多页面还是单页面都适用。当然代码有些粗糙，也没做过多限制，只是说了下思想。以防自己忘记。
顺带说下代理这个特性这里就把《Understanding ECMAScript 6》这本书的内容拿来用了，并稍微添加一些自己的理解。只做记录。
代理与反射是什么？
通过调用 new Proxy() ，你可以创建一个代理用来替代另一个对象（被称为目标），这个代 理对目标对象进行了虚拟，因此该代理与该目标对象表面上可以被当作同一个对象来对待。 代理允许你拦截在目标对象上的底层操作，而这原本是 JS 引擎的内部能力。拦截行为使用了 一个能够响应特定操作的函数（被称为陷阱）。 拦截器的概念比较重要。 Reflect 拦截器有一些反射接口，
拦截的作用其实就是重写内置对象的特定方法。
创建一个简单的代理
let target = {};
let proxy = new Proxy(target, {});
proxy.name = "proxy";
console.log(proxy.name); // "proxy"
console.log(target.name); // "proxy"
target.name = "target";
console.log(proxy.name); // "target"
console.log(target.name); // "target"
proxy拦截代理了target我主要使用到的点
let target = {
name: "target"
};
let proxy = new Proxy(target, {
set(trapTarget, key, value, receiver) {
// 忽略已有属性，避免影响它们
if (!trapTarget.hasOwnProperty(key)) {
if (isNaN(value)) {
throw new TypeError("Property must be a number.");
}
}
// 添加属性
return Reflect.set(trapTarget, key, value, receiver);
}
});
// 添加一个新属性
proxy.count = 1;
console.log(proxy.count); // 1
console.log(target.count); // 1
// 你可以为 name 赋一个非数值类型的值，因为该属性已经存在
proxy.name = "proxy";
