在Chrome中创建console.log（）的快捷方式

Question

因为我很懒，我创建了一个函数log，它基本上只是console.log的缩写：

function log() {
  console.log.apply(console, arguments);
}

每当我打电话给我时，我会在Google Chrome的开发者工具中看到记录的项目，右侧是记录项目的行号。但是，此行号始终相同，因为实际的console.log调用位于代码中的某个特定位置（即我在上面声明log函数的位置）。

我也尝试过的只是：

var log = console.log;

但这总是会引发错误：Illegal invocation。很奇怪，但我猜这不可能。

如何设置console.log的快捷方式，开发者工具会显示调用log的行号，而不是实际console.log来电的位置？

Answer 1

当我报告它时，它被拒绝但答案很简单 - 创建这样的快捷方式：

var log = console.log.bind(console);

这不会遗漏行号，而您可以将其称为log(...)。

Answer 2

我刚创建了一个模块来做到这一点。

退房：https://github.com/ahlechandre/consl

安装

npm install consl --save-dev

用法

const { cl } = require('consl');

cl('Outputs a message on the Console using a quick');

Answer 3

尝试了一些事情，但我认为你不能做到这一点。一旦你包装console.log，行nr将是在代码中找到此包装的行。我想我们必须忍受那个？

Answer 4

在我的情况下，我使用Ctrl + Alt + L设置了AutoHotKey快捷方式，如下所示：

^!l::Send console.log();{Left}{Left}

好处是它将光标带回括号内以便快速输入。