Console.log 有没有办法命名发送的变量？

Question

将项目发送到 console.log 时，有没有办法给它们命名？类似于 visual studio

中的 "watch"

例如我们有一个 var counter=1; 以便在控制台日志中显示为：

counter 1
counter 2

等等....

Answer 1

不是直接的，输出的时候直接命名就可以了

console.log（以及 .error、.info 和 .warn）让您可以同时传递任意数量的值，因此非常容易做到像这样：

console.log('counter', counter);

输出如下：

counter 1

let counter = 0;

for (let i = 0; i < 5; i++) {
  counter++;
  console.log('counter', counter);
}

Answer 2

您可以使用标签字符串后接变量名和中间的“+”运算符，如下所示：

console.log("Counter : " + counter);

Answer 3

有一种解决方法

function p(variableInObject) {
    let name = Object.keys(variableInObject)[0]
    let value = variableInObject[name] 
    console.log(name, value)
}
let g = 5
p({g}) // g 5
// it even works with loops
for (let i = 0; i < 3; i++) {
  p({i})  // i 0, then i 1, then i 2
}

Answer 4

您还可以通过控制台将它们注销到对象内部，以便您能够访问其名称和值。

var counter = 5;

输入：

console.log({counter});

输出：

{counter: 5}

Console.log 有没有办法命名发送的变量？

Console.log is there a way to name sent variables?

javascript

jquery

console.log