百度360必应搜狗淘宝本站头条
vba高级教程svn连接scheduledtaskmybatis plus结构体数组
当前位置：网站首页 > 编程网 > 正文

前端JS- ES6的代理Proxy对象 js proxy实际用处

yuyutoo 2024-10-11 23:57 8 浏览 0 评论

JavaScript 代理对象是可以将另一个对象（目标对象）进行包装并拦截其目标对象的基本操作。Vue3 也使用了Proxy来实现双向绑定，就是因为使用它来做拦截，更加灵活。下面我们通过几个实例代码来详细说明，

创建一个Proxy对象

你可以使用下面的语法来创建一个代理：

  • target - 是将要被拦截的目标对象
  • handler - 是一个对象，其中包含控制目标行为的方法。 处理程序对象内的方法称为捕捉器。

一个简单的例子

首先来创建一个叫user的用户对象：

接下来，定义handler对象：

最后，创建代理对象：

现在我们就可以通过代理对象来访问user的属性了，这种操作将会被捕获器捕获。

我们可以看到捕获器中的代码被执行。

Get 捕获器

通过代理对象访问目标对象的属性时，会触发 get() 捕获器。

在前面的示例中，当 proxy 对象访问用户对象的属性时，会打印出一条消息。通常，您可以在访问属性时在 get() 陷阱中开发自定义逻辑。例如，您可以使用 get() 陷阱来定义目标对象的计算属性。 计算属性是其值基于现有属性的值计算的属性。

用户对象没有属性 fullName，您可以使用 get() 陷阱根据 firstName 和 lastName 属性创建 fullName 属性：

Set 捕获器

set() 捕获器控制设置目标对象的属性时的行为。假设用户的年龄必须大于 18。为了强制执行此约束，您开发了一个 set() 捕获器，如下所示：

这时候如果随便设置，就会报错：

Apply 捕获器：

用于拦截函数的调用

这基本上是最常用的几个，如果想看更多捕获器，请移步MDN： https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Proxy

相关推荐

对volatile，synchronized,AQS的加锁解锁原理的一些理解

一、为什么要加锁，要实现同步多线程编程中，有可能会出现多个线程同时访问同一个共享、可变资源的情况，这个资源我们称之其为临界资源；这种资源可能是：对象、变量、文件等。...

注意，不能错过的CAS+volatile实现同步代码块

前言：最近看到有人说可以使用CAS+volatile实现同步代码块。心想，确实是可以实现的呀！因为AbstractQueuedSynchronizer（简称AQS）内部就是通过CAS+...

面试并发volatile关键字时，我们应该具备哪些谈资?

提前发现更多精彩内容，请访问https://dayarch.top/提前发现更多精彩内容，请访问https://dayarch.top/提前发现更多精彩内容，请访问https://dayarch...

无锁同步-JAVA之Volatile、Atomic和CAS

1、概要本文是无锁同步系列文章的第二篇，主要探讨JAVA中的原子操作，以及如何进行无锁同步。关于JAVA中的原子操作，我们很容易想到的是Volatile变量、java.util.concurrent....

C/C++面试题(二):std::atomic与volatile

volatile是C/C++中的一个关键字，用于告知编译器某个变量的值可能会在程序的控制之外被意外修改（例如被硬件、中断服务程序、多线程环境或其他外部代理）。为了防止编译器对代码进行某些可能破坏...

VOCs(Volatile Organic Compounds)挥发性有机化合物及测试方法

经常看到一些三防漆、涂料、油漆类产品的介绍中提到VOC、VOCs等概念，那么什么是VOC、VOCs和TVOC，VOCs主要包括哪些物质？VOCs的来源有哪些？VOCs的危害及国家标准是什么?一、V...

对volatile 及happen—before的理解

happen—before规则介绍Java...

这一篇我们来了解Synchronized、Volatile、Final关键字

题外话：蓝银王觉醒了！！--来自于一个斗罗大陆动漫爱好者（鹅，打钱！）湿兄这两天回家了，办了点大事，回来的时候我弟弟还舍不得我，哭着不愿意让我回京（我弟还是小学），我也心里很不舍，但是还是要回京奋斗...

关于 Java 关键字 volatile 的总结

1什么是volatilevolatile是Java的一个关键字，它提供了一种轻量级的同步机制。相比于重量级锁synchronized，volatile更为轻量级，因为它不会引起线程上下文...

大白话聊聊Java并发面试问题之volatile到底是什么?

用最简单的大白话，加上多张图给大家说一下，volatile到底是什么？...

为什么要有volatile关键字（volatile 关键字为什么不能保证原子性）

在嵌入式编程和多线程编程中，我们常会见到volatile关键字声明的变量。下面说一下volatile关键字的作用：1.保持变量内存可见简而言之就是用volatile声明的变量会告诉编译器和处理器，这个...

Java的volatile到底怎么理解?（java volatitle）

我们都知道，在Java中有很多的关键字，比如synchronize比如volatile，这些都是一些比较关键的，还有final，今天我们就来聊一下这个volatile因为这个vo...

Java多线程编程中的volatile关键字:解密神秘的共享内存

Java多线程编程中的volatile关键字：解密神秘的共享内存在Java多线程编程的世界里，volatile关键字就像一位低调却至关重要的守护者。它默默无闻地站岗放哨，确保多个线程之间能够正确地共享...

你了解volatile关键字的作用吗?（关键字volatile有什么含意?并举出三个不同的例子?）

【死记硬背】volatile关键字主要用于保持内存的变量可见性和禁止重排序。变量可见性：当一个线程改变了变量的值，那么新的值对于其他线程也是可以立即获取到的。禁止重排序：...

谈谈你对volatile 关键字作用和原理的理解

一位6年工作经验的小伙伴，在某里二面的时候被问到“volatile”关键字。然后，就没有然后了…同样，还有一位4年的小伙伴，去某团面试也被问到“volatile关键字“。然后，也没有然后了…...

取消回复欢迎 你 发表评论:

一周热门
最近发表
标签列表