微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

ES6——Proxy实现Web服务,进行方法拦截,通过方法名称生成网址

实例:Web 服务的客户端 Proxy 对象可以拦截目标对象的任意属性,这使得它很合适用来写 Web 服务的客户端。
const service = createWebService('http://example.com/data');
service.employees().then(json => {
const employees = JSON.parse(json);
// ···
});
上面代码新建了一个 Web 服务的接口,这个接口返回各种数据。Proxy 可以拦截这个对象的任意属性,所以不用为每一种数 据写一个适配方法,只要写一个 Proxy 拦截就可以了。
function createWebService(baseUrl) {
    return new Proxy({},{
        get(target, propKey, receiver) {
            return ()=>httpGet(baseUrl + '/' + propKey);
        }
    });
}

 

完整demo:

const service = createWebService('http://example.com/data');

function createWebService(baseUrl) {
    return new Proxy({},{
        get(target, propKey, receiver) {
            return ()=>console.log(baseUrl + '/' + propKey);
        }
    });
}
service.getName()

输出

http://example.com/data/getName

 

 

同理,Proxy 也可以用来实现数据库的 ORM 层。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐