ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2021-11-01 21:03:41  阅读:138  来源: 互联网

标签:ES6 createWebService service Web baseUrl propKey Proxy


实例: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 层。

标签:ES6,createWebService,service,Web,baseUrl,propKey,Proxy
来源: https://www.cnblogs.com/sunupo/p/15496083.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有