如何拦截JavaScript中所有对象的构造过程？

针对你的需求，有几种可行的实现方式，分场景说明：

1. 拦截特定构造函数的实例化 #

如果你只需要拦截某个特定构造函数的对象创建，有三种简单方式：

方式一：直接修改原构造函数 #

在原构造函数内部添加日志逻辑，最直接高效：

function inheritFrom(){
 this.property = 'Example'
 // 新增拦截日志
 console.log(`${this} was constructed as example..`)
}

let inheritedObject = new inheritFrom()

方式二：包装原构造函数（不修改原代码） #

如果不想改动原构造函数的代码逻辑，可以用包装函数覆盖原函数：

function inheritFrom(){
 this.property = 'Example'
}

// 保存原构造函数的引用
const originalConstructor = inheritFrom
// 替换为包装后的函数
inheritFrom = function(...args) {
  // 创建实例
  const instance = new originalConstructor(...args)
  // 执行拦截逻辑
  console.log(`${instance} was constructed as example..`)
  return instance
}

let inheritedObject = new inheritFrom()

方式三：用Proxy拦截构造行为 #

ES6的Proxy可以更优雅地拦截构造函数的new操作，适合需要扩展复杂拦截逻辑的场景：

function inheritFrom(){
 this.property = 'Example'
}

// 创建代理构造函数
const proxiedInheritFrom = new Proxy(inheritFrom, {
  construct(target, args) {
    const instance = new target(...args)
    console.log(`${instance} was constructed as example..`)
    return instance
  }
})

let inheritedObject = new proxiedInheritFrom()

2. 全局拦截所有对象的实例化 #

如果需要拦截所有通过new创建的对象（包括内置对象如Array、Object等），可以通过重写Reflect.construct实现：

// 保存原生Reflect.construct方法
const originalConstruct = Reflect.construct

// 重写该方法添加拦截逻辑
Reflect.construct = function(target, args, newTarget) {
  const instance = originalConstruct(target, args, newTarget)
  console.log(`${instance} was constructed as example..`)
  return instance
}

// 测试：自定义构造函数和内置对象都会触发日志
function inheritFrom(){
 this.property = 'Example'
}

let inheritedObject = new inheritFrom()
let newArray = new Array(1, 2, 3)

注意：全局拦截会影响所有代码的对象创建行为，包括第三方库，使用前需评估潜在副作用。

内容的提问来源于stack exchange，提问作者RovenA