es6 Proxy 应用场景,举些例子
时间: 2023-02-19 16:03:33 浏览: 75
Proxy 是 ES6 的一项新特性,它可以用来拦截对象的读取和设置操作。它可以用来实现数据校验、日志记录、访问控制等功能。例如,可以使用 Proxy 来实现自动记录用户的访问日志:
const log = {};
const proxy = new Proxy(log, {
get: (target, name) => {
console.log(`${name} 被访问`);
return target[name];
},
set: (target, name, value) => {
console.log(`${name} 被设置为 ${value}`);
target[name] = value;
}
});
proxy.name = 'ChatGPT';
// 输出:name 被设置为 ChatGPT
相关问题
es6 proxy 阮一峰
Proxy是ES6中新增的一个类型,它可以被用来代理某些操作。在目标对象之前架设一层拦截,外界对该对象的访问都需要先通过这层拦截。Proxy的存在是为了提供更灵活的对象操作和行为定制。通过Proxy,我们可以拦截目标对象的操作,并在拦截方法中进行自定义的处理。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [【ES6】阮一峰ES6学习(六) Proxy](https://blog.csdn.net/Bon_nenul/article/details/128221578)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
- *3* [阮一峰ES6入门读书笔记(十):Proxy](https://blog.csdn.net/qq_45902611/article/details/122187243)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
ES6 的 proxy
ES6的Proxy是一种特性,它允许我们以一种简洁易懂的方式控制外部对对象的访问。它的功能类似于设计模式中的代理模式。通过创建一个代理对象,我们可以拦截对目标对象的访问并自定义相应的行为。利用Proxy,我们可以实现对对象的属性的读取、写入、删除等操作进行拦截和处理。Proxy 可以作为其他对象的原型对象,也可以用于修改对象的默认行为,从而实现一些高级的功能。例如,我们可以通过Proxy来拦截对对象属性的读取,并在拦截过程中返回我们自定义的值。然而,由于浏览器的兼容性问题以及对Proxy特性的理解程度有限,它在实际开发中的应用相对较少。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [ES6 之 Proxy 介绍](https://blog.csdn.net/sinat_17775997/article/details/84233822)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *2* [ES6中Proxy](https://blog.csdn.net/m0_62785037/article/details/130714248)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
- *3* [实例解析ES6 Proxy使用场景介绍](https://download.csdn.net/download/weixin_38663151/14806463)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"]
[ .reference_list ]