标签： proxy

发布于

JavaScript内核与高级编程之：`JavaScript` 的 `Proxy` 与 `GraphQL`：如何利用 `Proxy` 拦截 `GraphQL` 查询。

观众朋友们，晚上好！我是老码，很高兴今晚能和大家聊聊 JavaScript 中两个非常有意思的技术：Proxy 和 GraphQL。今天咱们的主题是：“JavaScript 的 Proxy 与 GraphQL：如何利用 Proxy 拦截 GraphQL 查询”。 先别被这高大上的标题吓跑，其实啊，理解它们就像剥洋葱，一层一层地来，保证你听完之后，也能用这两个工具玩出花来。 第一层：Proxy 是个啥？ 好，先说说 Proxy。Proxy 翻译过来就是“代理”，顾名思义，它就像一个中间人，拦截你对某个对象的访问。你想要访问某个对象？没问题，先过我这关！我可以在你访问之前、访问之后，甚至在你试图修改的时候，做一些手脚。 这么说可能有点抽象，咱们直接上代码。 const target = { name: ‘老码’, age: 30 }; const handler = { get: function(target, property, receiver) { console.log(`有人想访问 ${property} 属性！`); return Reflect.get(target, pr …

继续阅读“JavaScript内核与高级编程之：`JavaScript` 的 `Proxy` 与 `GraphQL`：如何利用 `Proxy` 拦截 `GraphQL` 查询。”

发布于

JavaScript内核与高级编程之：`JavaScript` 的 `Proxy` 与 `Reflect`：如何构建一个完整的元编程框架。

各位观众老爷们，大家好！我是你们的老朋友，今天咱们来聊聊JavaScript里一对儿“好基友”—— Proxy 和 Reflect。 这俩哥们儿，那可是元编程界的扛把子，能让我们在代码运行时“窥探”甚至“干预”对象的各种行为。 别怕“元编程”这个词儿听起来高大上，其实理解起来也挺简单。 咱们今天就用大白话，加上实战代码，一起把它们扒个精光！ 开场：什么是元编程？ 先简单说说元编程。 简单理解就是，写代码来操控代码。 听起来有点绕？ 没关系，打个比方： 普通编程: 你写代码操作数据 (比如 let num = 1 + 1; ) 元编程: 你写代码操作代码本身的行为 (比如，拦截对象属性的读取操作，或者动态修改类的定义)。 Proxy 和 Reflect 就是干这事的。它们允许我们拦截并自定义对象的基本操作，比如属性访问、赋值、函数调用等等。 第一部分：Proxy —— “代理人”登场！ Proxy 对象用于创建一个对象的代理，它可以拦截并重新定义对象的基本操作（如读取属性、赋值、枚举属性、函数调用等）。 1. 基本语法： const proxy = new Proxy(target, h …

继续阅读“JavaScript内核与高级编程之：`JavaScript` 的 `Proxy` 与 `Reflect`：如何构建一个完整的元编程框架。”

发布于

JavaScript内核与高级编程之：`JavaScript` 的 `Proxy` 与 `Reflect`：如何构建一个完整的元编程框架。

各位观众老爷们，大家好！ 今天咱们来聊聊 JavaScript 里一对儿神秘的兄弟——Proxy 和 Reflect。 这俩家伙，说白了，就是玩元编程的，能让你在代码运行时，动态地控制对象的行为。 听起来是不是有点玄乎？ 别怕，咱们一步一步来，保证让大家搞明白这俩货到底能干啥。 一、 元编程是啥玩意儿？ 在深入 Proxy 和 Reflect 之前，咱们先得搞清楚什么是元编程。 简单来说，元编程就是编写可以操作其他程序的程序。 听起来像绕口令？ 其实就是说，你可以写一段代码，这段代码不是用来解决具体业务逻辑的，而是用来修改或者增强其他代码的行为的。 举个例子，假设你写了一个函数，这个函数本来只能做加法。 但是通过元编程，你可以让这个函数在执行加法之前，先打印一些日志，或者在加法之后，自动把结果缓存起来。 这就是元编程的魅力，它能让你在不修改原有代码的情况下，扩展或者修改代码的功能。 二、 Proxy： 拦截你的对象 Proxy 对象允许你创建一个对象的代理，从而拦截并重新定义该对象的基本操作行为（例如：属性查找、赋值、枚举、函数调用等）。 这就像给你的对象加了一层“保护罩”，所有对这个 …

继续阅读“JavaScript内核与高级编程之：`JavaScript` 的 `Proxy` 与 `Reflect`：如何构建一个完整的元编程框架。”

发布于

JavaScript内核与高级编程之：`JavaScript`的`Proxy`模式：其在 `ORM` 和数据拦截中的应用。

各位靓仔靓女，晚上好！我是今晚的讲师，大家可以叫我老王。今天咱们聊聊JavaScript里一个挺有意思的家伙——Proxy，以及它在ORM和数据拦截中的骚操作。别紧张，听老王白话白话，保证你听得懂，用得上，还能在同事面前装一波。 一、Proxy是啥玩意儿？别整那些官方术语，说人话！ Proxy，翻译过来就是“代理”。 就像明星有经纪人，你的代码也需要一个“中间人”来帮你处理一些事情。 这个中间人，就是Proxy。 简单来说，Proxy允许你拦截并自定义对象的基本操作，比如读取属性、设置属性、调用函数等等。你可以理解为给对象套上了一层“外壳”，所有对该对象的操作都要先经过这层外壳的“盘问”，你可以在这个过程中做一些手脚。 二、Proxy的基本语法：这玩意儿怎么用？ const target = { // 目标对象，也就是你想代理的对象 name: ‘张三’, age: 30 }; const handler = { // 处理器对象，定义了拦截的行为 get: function(target, property, receiver) { console.log(`有人想读取我的${pro …

继续阅读“JavaScript内核与高级编程之：`JavaScript`的`Proxy`模式：其在 `ORM` 和数据拦截中的应用。”

发布于

JavaScript内核与高级编程之：`JavaScript`的`Proxy`：其在`ORM`和`state management`中的应用。

各位靓仔靓女，大家好！我是你们的老朋友，今天咱们来聊聊JavaScript里的Proxy，这玩意儿就像个变形金刚，能让你在幕后操纵对象的行为。别怕，听起来高大上，其实挺好玩的。咱们不仅要搞懂它，还要看看它在ORM（对象关系映射）和state management（状态管理）里怎么大显身手。准备好了吗？Let’s go！ 第一章：Proxy是什么鬼？别慌，它是你的秘密武器！ Proxy，顾名思义，就是代理。它允许你拦截并自定义对目标对象的操作，比如读取属性、写入属性、调用函数等等。你可以理解为，你在对象外面套了一层“代理人”，所有对这个对象的操作，都要先经过这个代理人。代理人觉得OK，才能执行，否则就否决或者修改。 1.1 Proxy的基本语法 创建一个Proxy很简单： const target = { // 目标对象 name: ‘张三’, age: 30 }; const handler = { // 处理器对象，定义拦截行为 get: function(target, property, receiver) { console.log(`有人要访问 ${propert …

继续阅读“JavaScript内核与高级编程之：`JavaScript`的`Proxy`：其在`ORM`和`state management`中的应用。”

发布于

JavaScript内核与高级编程之：`JavaScript`的`Proxy`模式：其在`API`代理和`GraphQL`中的应用。

大家好，我是今天的客座讲师，咱们今天聊聊JavaScript的Proxy模式，这玩意儿听起来高大上，其实就是个“中间人”，专门负责拦截和修改我们对对象的操作。今天咱们就用大白话，加上代码示例，好好扒一扒它的皮，再看看它在API代理和GraphQL中的妙用。 一、Proxy：你对象的“贴身保镖” 想象一下，你家有个保险箱，里面装着你最宝贝的“对象”。以前，你想直接打开保险箱（访问对象），直接拿东西（操作对象）。现在呢，你请了个“保镖”（Proxy），你想拿东西，先得跟保镖打招呼，保镖觉得没问题，才让你去拿；甚至，保镖还能偷偷把你要拿的东西换成别的，或者记录下你拿了什么。 这就是Proxy的核心思想：拦截并自定义对象的操作。它可以拦截的操作多得很，比如： get(target, property, receiver)：读取属性时触发 set(target, property, value, receiver)：设置属性时触发 has(target, property)：使用in操作符时触发 deleteProperty(target, property)：使用delete操作符时触发 ap …

继续阅读“JavaScript内核与高级编程之：`JavaScript`的`Proxy`模式：其在`API`代理和`GraphQL`中的应用。”

发布于

JavaScript内核与高级编程之：`JavaScript`的`Proxy`：在`Mock`和`API`封装中的应用。

各位观众老爷们，大家好！欢迎来到今天的“JavaScript内核与高级编程”系列讲座。今天咱要聊的是个挺有意思的东西，叫做Proxy，中文名叫“代理”。这玩意儿听起来好像特务接头，但其实它在JavaScript里可不是干间谍活儿的，而是个非常灵活的工具，尤其在Mock数据和API封装上，能让你事半功倍。 咱们今天就从Proxy的基本概念入手，然后深入探讨它在Mock数据和API封装中的具体应用，最后再来点儿实际的例子，保证让你听得懂、学得会、用得上。 一、Proxy是啥？（别想歪了！） 简单来说，Proxy就是JavaScript里的一种设计模式，它允许你拦截并自定义对象的基本操作。你可以把它想象成一个“门卫”，守在你想要访问的对象前面。你想读取、写入、删除对象的属性，都得先经过它这一关。而这个“门卫”可以决定你是能直接进去，还是被拦下来，或者干脆给你换个东西进去。 更学术一点的说法是：Proxy 对象用于创建一个对象的代理，从而可以拦截并重新定义该对象的基本操作（例如：属性查找、赋值、枚举、函数调用等）。 二、Proxy的基本语法和用法 Proxy的基本语法如下： const pro …

继续阅读“JavaScript内核与高级编程之：`JavaScript`的`Proxy`：在`Mock`和`API`封装中的应用。”

发布于

JavaScript内核与高级编程之：`Proxy`和`Reflect`：在元编程和`API`拦截中的应用。

嘿！各位好，今天咱们来聊聊JavaScript里两个有点“神秘”但又超级有用的家伙：Proxy和Reflect。这俩兄弟经常一起出现，所以也经常被放在一起讲。它们在元编程（Metaprogramming）和API拦截中扮演着关键角色。说白了，就是让你能够控制和干预对象行为，想想是不是有点像“幕后操控”？ 1. 什么是元编程？ 在深入Proxy和Reflect之前，咱们先搞清楚什么是元编程。简单来说，元编程就是编写能够操作其他程序（包括自身）的程序。它允许你动态地修改程序行为，例如： 创建新的类或对象。 拦截和修改对象属性的访问。 动态地生成代码。 元编程听起来高大上，但其实我们一直在用。比如，使用eval()动态执行字符串代码，就是一种元编程。Proxy和Reflect提供了一种更安全、更结构化的元编程方式。 2. Proxy：对象的代理人 Proxy，顾名思义，就是“代理”。它可以为目标对象创建一个代理，允许你拦截并自定义对该对象的操作。你可以把它想象成一个中间人，所有对目标对象的访问都要经过它。 2.1 Proxy的基本语法 const proxy = new Proxy(targ …

继续阅读“JavaScript内核与高级编程之：`Proxy`和`Reflect`：在元编程和`API`拦截中的应用。”

发布于

Vue 3源码深度解析之：`Proxy`和`Reflect`：`Vue 3`响应式系统的底层实现原理。

各位靓仔靓女们，晚上好！我是今晚的主讲人，先跟大家伙儿 say hi~ 准备好迎接一场关于 Vue 3 响应式系统底层的奇妙冒险了吗？系好安全带，咱们出发！ 今天的主题是 Proxy 和 Reflect，这对黄金搭档，它们是 Vue 3 响应式系统的基石。别怕，虽然名字听起来高大上，但其实理解起来并不难。我会尽量用大白话，加上一些生动的例子，让大家彻底搞懂它们。 一、 啥是响应式？（简单回顾） 在深入 Proxy 和 Reflect 之前，我们先简单回顾一下什么是响应式。 简单来说，响应式就是当数据发生变化时，视图能自动更新。 比如，你在一个文本框里输入内容，页面上绑定的数据也跟着实时更新。这种丝滑的体验，就得益于响应式系统。 Vue 2 使用的是 Object.defineProperty 来实现响应式，而 Vue 3 则拥抱了更强大的 Proxy。 那么，Proxy 究竟是何方神圣呢？ 二、 Proxy：你的数据代理人 Proxy，顾名思义，就是代理。 它可以拦截并自定义对目标对象的操作。你可以把它想象成你的数据管家，任何想要访问或修改你数据的请求，都必须经过它。 1. 基本用法 …

继续阅读“Vue 3源码深度解析之：`Proxy`和`Reflect`：`Vue 3`响应式系统的底层实现原理。”

发布于

Python高级技术之：`Python`的`Proxy`模式：`__getattr__`和`__getattribute__`的实现。

各位观众，各位朋友，大家好！我是你们的老朋友，今天咱们来聊聊Python里一个有点意思的东西——Proxy模式，以及实现它的一大利器：__getattr__和__getattribute__。 先别被这些名字吓跑，其实它们就像是Python世界里的“中间人”或者“代理”，能帮你巧妙地处理对象属性的访问。准备好了吗？咱们这就开始！ 一、什么是Proxy模式？（别跟我说你是第一次听说） 想象一下，你想买演唱会门票，但是官方渠道太难抢了，于是你找了个黄牛，让他帮你搞定。这个黄牛就是个Proxy，他替你和官方售票系统打交道。 在编程世界里，Proxy模式也是类似的概念。它允许你创建一个代理对象，控制对另一个对象的访问。这个代理对象可以执行一些额外的操作，比如： 延迟初始化： 只有在真正需要的时候才创建目标对象。 访问控制： 限制对目标对象某些属性的访问。 日志记录： 记录对目标对象属性的访问情况。 缓存： 缓存目标对象属性的值，避免重复计算。 总之，Proxy模式就像一个“中间人”，可以在访问目标对象之前或之后做一些“手脚”，从而增强或改变原有的行为。 二、__getattr__：属性不存在的 …

继续阅读“Python高级技术之：`Python`的`Proxy`模式：`__getattr__`和`__getattribute__`的实现。”