交叉 JavaScript console.log() 调用并将数据发送到我自己的记录器函数

如何劫持对浏览器的调用console.log并将它们发送到我自己的日志函数，同时仍然让它们正常console.log entry.

JSBin 和 CodePen 等站点允许您在页面 DOM 中查看控制台日志的版本，同时仍然创建 console.log 条目。

所以每次我打电话console.log('my log msg');它应该表现得像正常的，但也将控制台日志数据通过管道/发送到我自己的 JavaScriptlogger.log('log entry')功能。

如何才能做到这一点？

UPDATE

对象所需的自定义记录器输出：

记录该对象：

var data = {
  date: new Date(),
  prop2: 'sfgsdgsd',
  arrayProp: ['key1', 'key2', 'key3'],
  arrayOfObjectsProp: [
  {
      date: new Date(),
      date2: new Date()
  },{
      date: new Date(),
      date2: new Date()
  },{
      date: new Date(),
      date2: new Date()
  }]      
};
setInterval(function() {
  console.log(data);
}, 10000);

在记录器中将显示为：

{
  "date": "2017-01-01T03:19:46.944Z",
  "prop2": "sfgsdgsd",
  "arrayProp": [
    "key1",
    "key2",
    "key3"
  ],
  "arrayOfObjectsProp": [
    {
      "date": "2017-01-01T03:19:46.944Z",
      "date2": "2017-01-01T03:19:46.944Z"
    },
    {
      "date": "2017-01-01T03:19:46.944Z",
      "date2": "2017-01-01T03:19:46.944Z"
    },
    {
      "date": "2017-01-01T03:19:46.944Z",
      "date2": "2017-01-01T03:19:46.944Z"
    }
  ]
}

你可以分配旧的console.log一个变量，例如，oldlog，然后分配给console.log您自己的函数，它将执行所有必要的操作，然后调用oldlog最后，传递给定的文本作为参数

var oldlog = console.log
console.log = function(...args) {
  // do something fancy with text passed
  oldlog(...args);
}

EDIT正如 KevBot 提到的，console.log可以接受无限数量的参数，因此，为了涵盖所有情况，您的函数应该允许这种行为。这可以使用 ES6 功能来完成，称为其余参数或者，不依赖 ES6，使用arguments类似数组的对象，如 num8er 的答案中所述

另外，正如 Oriol 提到的，某些浏览器不允许oldlog不被叫到console。这可以通过更改线路来解决

oldlog(...args)

按照您的习惯console.log to

oldlog.call(console, ...args)