0

0

JavaScript 的 Proxy 能否拦截 super 关键字的方法调用?

狼影

狼影

发布时间:2025-10-14 14:10:01

|

868人浏览过

|

来源于php中文网

原创

Proxy 无法拦截 super 调用,因为 super 在语言层面直接访问原型链上的方法,不经过对象属性查找机制,因此不会触发 get 或 apply 等 trap 捕获器;例如在类的继承中,super.greet() 直接从 Parent.prototype 查找方法,即使 Child.prototype 的原型被代理,也不会触发 Proxy 的捕获器;虽然无法直接拦截,但可通过代理父类原型间接影响 super 行为,如将 Parent.prototype 替换为 Proxy,在 get 中拦截方法调用并添加额外逻辑;这表明 super 的调用是静态解析且绕过代理机制的,只能通过修改原型链或代理父级原型实现间接控制。

javascript 的 proxy 能否拦截 super 关键字的方法调用?

JavaScript 的 Proxy 无法直接拦截 super 关键字的方法调用

为什么 Proxy 不能拦截 super 调用?

因为 super 不是通过对象属性查找机制触发的。它在语言层面直接访问原型链上的方法,绕过了 Proxy 的 trap 捕获器(如 get 或 apply)。 当使用 super.method() 时,JavaScript 引擎会:
  • 静态确定当前方法所在的类或对象字面量
  • 获取该对象的 [[Prototype]](即原型)
  • 直接在原型上查找并调用 method
这个过程不涉及对目标对象的属性读取操作,因此不会触发 Proxy 的 get 或 apply 捕获器。

实际例子说明

看一个示例:
const target = {
  greet() {
    return "Hello from target";
  }
};

const handler = {
  get(target, prop, receiver) {
    console.log(`Access to ${prop}`);
    return Reflect.get(...arguments);
  }
};

const proxy = new Proxy(target, handler);

class Parent {
  greet() {
    return "Hello from Parent";
  }
}

class Child extends Parent {
  greet() {
    // 这里 super.greet() 访问的是 Parent.prototype.greet
    // 即使 this.__proto__ 可能被代理,super 仍然直接找 Parent.prototype
    return super.greet() + ", then Child";
  }
}

// 把 Child 实例的原型换成代理
Object.setPrototypeOf(Child.prototype, proxy);

const c = new Child();
console.log(c.greet()); // 输出: "Hello from Parent, then Child"
// 注意:没有触发 Proxy 的 get 捕获器
尽管 Child.prototype 的原型是 proxy,但 super.greet() 并未打印 "Access to greet",说明 get 没有被触发。

有没有间接方式影响 super 行为?

虽然不能直接拦截 super 调用,但可以通过修改原型链来间接影响:
  • 代理父类原型上的方法本身 —— 如果父类原型是 Proxy,可以捕获对它的调用
  • 重写原型上的方法,在内部做额外逻辑
例如:
const parentProtoProxy = new Proxy(Parent.prototype, {
  get(target, prop, receiver) {
    if (prop === 'greet') {
      return function(...args) {
        console.log('Intercepted super.greet() call');
        return Reflect.get(target, prop, receiver).apply(this, args);
      };
    }
    return Reflect.get(...arguments);
  }
});

// 让 Child 继承自被代理的原型
Object.setPrototypeOf(Child.prototype, parentProtoProxy);
这时调用 super.greet() 会经过代理,但这是代理了父类原型,而不是拦截 super 本身

基本上就这些。Proxy 对 super 的调用无能为力,因为 super 是静态解析、直接访问原型的机制,不走常规的对象属性陷阱路径。想监控或修改 super 行为,只能从父级原型入手,而非靠代理子类或实例。

Otter.ai
Otter.ai

一个自动的会议记录和笔记工具,会议内容生成和实时转录

下载

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

WorkBuddy
WorkBuddy

腾讯云推出的AI原生桌面智能体工作台

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
vb中怎么连接access数据库
vb中怎么连接access数据库

vb中连接access数据库的步骤包括引用必要的命名空间、创建连接字符串、创建连接对象、打开连接、执行SQL语句和关闭连接。本专题为大家提供连接access数据库相关的文章、下载、课程内容,供大家免费下载体验。

329

2023.10.09

vb连接access数据库的方法
vb连接access数据库的方法

vb连接access数据库方法:1、使用ADO连接,首先导入System.Data.OleDb模块,然后定义一个连接字符串,接着创建一个OleDbConnection对象并使用Open() 方法打开连接;2、使用DAO连接,首先导入 Microsoft.Jet.OLEDB模块,然后定义一个连接字符串,接着创建一个JetConnection对象并使用Open()方法打开连接即可。

480

2023.10.16

asp连接access数据库的方法
asp连接access数据库的方法

连接的方法:1、使用ADO连接数据库;2、使用DSN连接数据库;3、使用连接字符串连接数据库。想了解更详细的asp连接access数据库的方法,可以阅读本专题下面的文章。

123

2023.10.18

access和trunk端口的区别
access和trunk端口的区别

access和trunk端口的区别是Access端口用于连接终端设备,提供单个VLAN的接入,而Trunk端口用于连接交换机之间,提供多个VLAN的传输;Access端口只传输属于指定VLAN的数据,而Trunk端口可以传输多个VLAN的数据,并使用VLAN标签进行区分。想了解更多access和trunk端口相关内容,可以阅读本专题下面的文章。

337

2023.10.31

access怎么导入数据
access怎么导入数据

access导入数据步骤:1. 选择数据源 2. 选择要导入的文件 3. 指定导入选项 4. 选择导入目标 5. 预览数据 6. 导入数据即可。想了解更多access的相关内容,可以阅读本专题下面的文章。

459

2024.04.10

access数据库用途
access数据库用途

access数据库是一种关系型数据库管理系统,主要用途包括:数据存储和管理;数据查询和检索;报告和表单设计;应用程序开发。想了解更多access数据库的相关内容,可以阅读本专题下面的文章。

597

2024.04.10

Python异步编程与Asyncio高并发应用实践
Python异步编程与Asyncio高并发应用实践

本专题围绕 Python 异步编程模型展开,深入讲解 Asyncio 框架的核心原理与应用实践。内容包括事件循环机制、协程任务调度、异步 IO 处理以及并发任务管理策略。通过构建高并发网络请求与异步数据处理案例,帮助开发者掌握 Python 在高并发场景中的高效开发方法,并提升系统资源利用率与整体运行性能。

37

2026.03.12

C# ASP.NET Core微服务架构与API网关实践
C# ASP.NET Core微服务架构与API网关实践

本专题围绕 C# 在现代后端架构中的微服务实践展开,系统讲解基于 ASP.NET Core 构建可扩展服务体系的核心方法。内容涵盖服务拆分策略、RESTful API 设计、服务间通信、API 网关统一入口管理以及服务治理机制。通过真实项目案例,帮助开发者掌握构建高可用微服务系统的关键技术,提高系统的可扩展性与维护效率。

136

2026.03.11

Go高并发任务调度与Goroutine池化实践
Go高并发任务调度与Goroutine池化实践

本专题围绕 Go 语言在高并发任务处理场景中的实践展开,系统讲解 Goroutine 调度模型、Channel 通信机制以及并发控制策略。内容包括任务队列设计、Goroutine 池化管理、资源限制控制以及并发任务的性能优化方法。通过实际案例演示,帮助开发者构建稳定高效的 Go 并发任务处理系统,提高系统在高负载环境下的处理能力与稳定性。

47

2026.03.10

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 6.1万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 3.4万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.6万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号