Es6Proxy基础用法

news/2025/2/22 11:33:27/

proxy可以理解成为在目标对象之前设置一层拦截,每当对该对象进行访问,都会经过这层拦截,这种机制可以对外界的访问进行过滤和改写。

proxy一词意为代理,用在这里表示由它代理某些操作,可以翻译为代理器。

var obj = new Proxy({}, {get: function (target, propKey, receiver) {console.log(`getting ${propKey}!`);return Reflect.get(target, propKey, receiver);},set: function (target, propKey, value, receiver) {console.log(`setting ${propKey}!`);return Reflect.set(target, propKey, value, receiver);}
});obj.count = 1
//  setting count!
++obj.count
//  getting count!
//  setting count!
//  2

上面的代码创建了一个基础的proxy,并且指定了get和set方法,当更改obj的值时,会触发set方法。
使用自增表达式为其赋值时,会先触发get事件,也就是先拿到obj的值,然后再为其+1


http://www.ppmy.cn/news/1423584.html

相关文章

jenkins 部署 vue 项目

jenkins 部署 vue 项目 环境 系统:CentOS7.9 Jenkins:最新LTS版本 nginx: 1.24.x gitLab: 打包机:jenkins所在服务器 目标机器:nginx所在服务器 jenkins部署配置 关键脚本 #node -v #已经安装node_module就无需执行install安…

Springboot引入外部jar包并打包jar包

前言 spring boot项目开发过程中难免需要引入外部jar包&#xff0c;下面将以idea为例说明操作步骤 将需要的jar包导入到项目中 2.在maven中引入jar包 <dependency><groupId>com</groupId><!--随便填的文件夹名称--><artifactId>xxx</artif…

AWS入门实践-如何在AWS云上创建一个内外网隔离的生产环境

在 AWS 上建立一个内外网分离的生产环境,可以减少应用服务的暴露面&#xff0c;有效的保证你的应用服务器的安全。通常我们会将web应用放在外网的子网内&#xff0c;数据库服务器等放在内网的子网。我们将按照下图来部署动手实践环境&#xff0c;实现在public subnet的EC2虚拟机…

【图像分割】光流生成标签(matlab)

文章目录 1. 框架2. opticalFlow_label3. 光流 1. 框架 2. opticalFlow_label close all; clear; clc; % 使用光流进行标签的生成 %% 视频帧的读取 npy_data readNPY(train.npy);%% 提取标签的坐标 first_label squeeze(npy_data(2,1,:,:)); h fspecial("gaussian&quo…

【动态规划 区间dp 位运算】3117. 划分数组得到最小的值之和

本文涉及知识点 动态规划 区间dp 位运算 LeetCode3117. 划分数组得到最小的值之和 给你两个数组 nums 和 andValues&#xff0c;长度分别为 n 和 m。 数组的 值 等于该数组的 最后一个 元素。 你需要将 nums 划分为 m 个 不相交的连续 子数组&#xff0c;对于第 ith 个子数组…

Java工具类:压缩图片至指定大小

不好用请移至评论区揍我 原创代码,请勿转载,谢谢! 一、介绍 接收File参数及目标大小,将自动递归压缩至指定大小已增加删除压缩产生的临时文件等逻辑处理传递的原文件将不会执行delete操作,而是在基础上返回压缩后的文件传递文件名示例(xxx.txt),压缩后文件名示例(xxx_…

PyTorch:深度学习领域的强大工具

PyTorch 是一个深度学习框架&#xff0c;具有动态计算图和自动微分的功能&#xff0c;广泛应用于各种深度学习任务中。下面是一些 PyTorch 的详细代码介绍&#xff0c;涵盖了从定义模型、数据加载、训练到评估的整个流程&#xff1a; 1. 定义模型 首先&#xff0c;我们定义一…

OpenXR手部追踪实现详解

在虚拟现实&#xff08;VR&#xff09;和增强现实&#xff08;AR&#xff09;应用中&#xff0c;手部追踪技术是提高用户交互自然性的关键技术之一。本文将详细介绍如何使用OpenXR API实现手部追踪功能&#xff0c;包括系统属性的查询、手部追踪器的创建和手部关节的定位。 开…