スクリプト内のすべての変数の名前と値を自動的にconsole.logに返します。

Question

JavaScriptを書くときに、スクリプトが複雑になるにつれて変数の値を絶えずチェックする必要があることがよくあります。

関数を呼び出して変数値をコンソールに自動的に記録する方法はありますか？

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で動作します。

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();