コンソールは定義済みの変数を出力しません

Question

コードはウェブページ上で正しく機能します。私は「を使用を使用してい

1. ：

   Uncaught ReferenceError: d is not defined at :1:1

   2つのノート：

   var clock = document.getElementById('current-time'); 
    
   \t 
    
   \t var d = new Date(); 
    
   \t 
    
   \t clock.innerHTML = d.getHours() + ':' + d.getMinutes();

   私はコンソールで値を確認したい、それはエラーを出力し厳密な ';モード

2. あなたが望むようにそれはdocument.addEventListener（ "DOMContentLoaded"、機能（イベント）{...

ことができ、これらの原因の問題のいずれか？

Answer 1

When I want to check the value in console it outputs an error

の内側にそれが聞こえるですデベロッパーコンソールの値を確認してください（1:1のエラー位置はそれを示しています）。

この場合、その変数は定義されていません。 rコンソールはグローバルスコープしか見ることができません。それは、これを行うようなものだ：（！デバッグのためだけに）あなたが何ができるか

document.addEventListener('DOMContentLoaded', function() { 
 
    // declare variable in inner scope 
 
    var foo = 'bar'; 
 
}); 
 

 
console.log(foo); // can't see the inner scope

：

document.addEventListener('DOMContentLoaded', function() { 
 
    // declare variable in inner scope, but also create a global one 
 
    var foo = window.foo = 'bar'; 
 
}); 
 

 
console.log(foo); // print the global 'foo'

（もちろん、これは動作しません、スニペットでDOMContentLoadedイベントが発生しないため）

Answer 2

ブロックレベルのスコープにあるコンソールの変数にアクセスしようとしていると思います。

変数が機能レベルのスコープまたはコールバックにある場合は、ブラウザコンソールの変数にアクセスすることはできません。変数がグローバル変数の場合は、コンソールで変数にアクセスできます