如何恢复/重置 window.console.log

Question

我有一个将 window.console.log 更改为函数的应用程序。

我想在某个页面上将 window.console.log 重置为正常状态，但是当我运行时delete window.console.log; 并调用 console.log('asd'); 我得到一个例外

TypeError: console.log is not a function. (In 'console.log(error)', 'console.log' is undefined)

我如何正确恢复它以便某个页面可以正常地简单地使用 console.log 而不是我拥有的自定义页面？

Answer 1

如果您能够在应用程序修改console.log之前访问代码，您可以执行以下操作：

window.defaultConsoleLog = console.log;

// here would be the code where the application modifies console.log

// calling console.log would now be the modified version from the application:
console.log('Hello');

// calling defaultConsoleLog would now call the original console.log:
defaultConsoleLog.log('Hello');
// OR
window.defaultConsoleLog('Hello');

// you can then reset to the original console.log like this:
console.log = window.defaultConsoleLog;

当您执行delete window.console.log ，这会从window.console对象中删除该函数而不是重置它。

Answer 2

您可以简单地将旧的本机函数存储在其他变量或属性中，并在以后恢复它。 例如 ：

 // Storing the native console.log into a property in window window.oldLog = window.console.log // Overriding the console.log function console.log = (str) => { document.getElementById('logs').textContent += str } console.log('Calling the new console.log') window.oldLog('Calling the old console.log') // Now resetting the native console.log console.log = window.oldLog // Clearing up delete window.oldLog console.log('Calling the restored console.log')

 <pre id="logs"></pre>