Question

我经常发现编写JavaScript时最重复的任务之一就是需要不断检查变量的值，特别是当脚本变得越来越复杂时。

有没有办法通过调用函数自动将变量值记录到控制台？

e.g。

var foo = 1,
    bar = true,
    yin = ['item 1', 'item 2'],
    yang = 'a string',
    tan = $(this);

function() {
    yang = 'another string';
}

foo += 1;

yin.push('item 3');

function logMyVariables();

会记录：

foo: 2
bar: true
yin: item1, item2, item 3
yang: another string
tan: [object Object]

Answer 1

您可以致电debugger;。这将暂停您的脚本并为您提供许多内容的快照，包括所有变量，本地和全局。

尝试在打开开发工具的情况下运行下面的代码段，您将看到结果。这至少适用于Chrome和Firefox。

＆＃13;

function init() {
  var foo = 1,
    bar = true,
    yin = ['item 1', 'item 2'],
    yang = 'a string',
    tan = this;

  (function(){
    yang = 'another string';
    
  }());

  foo += 1;

  yin.push('item 3');

  debugger;

}

init();

＆＃13;

自动console.log脚本中所有变量的名称和值

1 个答案: