JavaScript中改写系统方法通常指通过修改原生对象原型（如Array、Object等）或重定义全局系统函数（如console.log、setTimeout等），实现功能扩展、兼容性适配或自定义逻辑处理，此举可快速增强特定能力，例如改写Array.prototype.push以添加数据校验，或覆盖console.log以统一日志格式，但需注意潜在风险：可能引发全局污染、与其他库产生冲突，或破坏原生方法行为，导致不可预期的问题，建议在明确需求且充分测试的前提下使用，避免影响代码稳定性和可维护性。
JavaScript 原生方法改写：原理、风险与安全实践指南
JavaScript 作为一门动态语言，其灵活性允许开发者直接修改甚至“改写”引擎或运行时提供的原生方法（如 `Array.prototype.push`、`console.log`、`fetch` 等），这种能力既能带来开发效率的提升（如统一日志格式、监控 API 调用），也可能引发系统稳定性风险，本文将从底层原理出发，系统分析改写原生方法的典型场景、潜在陷阱，并提供可落地的安全实践方案。
原生方法定义与改写动机
JavaScript 中的“原生方法”指由 JavaScript 引擎（V8/SpiderMonkey）、浏览器环境（Window）或 Node.js 运行时直接实现的核心 API，通常分为三类：
- 原型链方法：`Array.prototype.push`、`String.prototype.includes`、`Object.prototype.hasOwnProperty`
- 全局对象方法：`console.log`、`setTimeout`、`fetch`、`JSON.parse`
- 内置构造函数：`Function`、`Date`、`RegExp` 的原生方法
开发者改写这些方法的核心动机包括：
- 调试与监控增强
- 统一日志格式（添加时间戳、组件名、请求 ID）
- 监控 API 性能（拦截 `fetch` 记录请求耗时）
- 功能扩展
- 为 `Array.prototype.push` 添加长度变化通知
- 扩展 `console.error` 支持错误上报
- 兼容性修复
- 为旧版浏览器补全 `Promise.finally` 实现
- 修复 `Object.assign` 的浅拷贝缺陷
- 安全控制
- 重写 `Function` 构造函数禁用动态代码执行
- 拦截 `eval` 调用并记录调用栈
改写原理：从覆盖到代理的演进
改写原生方法的核心是通过**属性赋值或原型链操作**替换或增强原生行为，主要分为两种技术路径：
直接覆盖（高风险方案）
通过直接赋值完全替换原生方法,实现简单但存在显著缺陷：
// 覆盖 console.log 添加时间戳
const originalLog = console.log;
console.log = function(...args) {
originalLog(`[${new Date().toISOString()}]`, ...args);
};
// 测试
console.log("Hello World"); // 输出: [2023-10-01T14:30:00.000Z] Hello World
风险警示： 直接覆盖会永久丢失原生方法原始逻辑，可能导致： - 第三方库依赖原生方法特性的功能失效 - 调试工具（如 DevTools）无法捕获真实调用 - 多次改写导致逻辑覆盖链断裂
方法代理（推荐方案）
通过“保存原生方法+新增逻辑”实现安全增强，推荐使用以下技术：
（1）函数包装（适用于原型方法）
// 安全包装 Array.prototype.push
const originalPush = Array.prototype.push;
Array.prototype.push = function(...items) {
console.log(`[Array] Push ${items.length} items, new length: ${this.length + items.length}`);
return originalPush.apply(this, items); // 保留原始行为
};
// 测试
const arr = [1, 2];
arr.push(3); // 输出日志 + 保持原生行为
console.log(arr); // [1, 2, 3]
（2）Proxy 代理（适用于全局对象）
Proxy 提供更精细的拦截能力，避免直接修改原型链：
// 代理 console 实现日志过滤
const consoleProxy = new Proxy(console, {
get(target, prop) {
if (prop === 'log') {
return function(...args) {
if (args[0]?.startsWith('[DEBUG]')) return; // 过滤调试日志
target.log(...args);
};
}
return target[prop]; // 其他属性保持不变
}
});
// 测试
consoleProxy.log("Info"); // 正常输出
consoleProxy.log("[DEBUG]", "Hidden"); // 被拦截
典型场景与实战案例
场景1：全链路日志追踪
为所有日志添加请求 ID 和时间戳：
const originalLog = console.log;
const requestId = generateRequestId(); // 生成唯一请求ID
console.log = function(...args) {
originalLog(`[Req:${requestId}][${Date.now()}]`, ...args);
};
场景2：API 性能监控
完整实现 `fetch` 调用拦截与耗时统计：
const originalFetch = window.fetch;
window.fetch = async function(input, init) {
const startTime = performance.now();
try {
const response = await original
