Javascript do while、setTimeout、イベント変数スコープ

Question

次のコードがあります。

document.getElementById("whatever").addEventListener("click", function(e){ 

    var target = e.target; 
    var search = "TR"; 
    do{ 
     if(target.nodeName.toUpperCase() === search) { 
      window.setTimeout(function(){ 
       console.log(target); 
      }); 

    }while(target = target.parentNode); 
}); 

私は、変数ターゲットはwindow.setTimeoutはの外側のスコープ内にあるため、という印象の下にあった、とのonclickイベントリスナークロージャ内で、それはsetTimeoutメソッドのスコープに利用できるだろうが、明らかにそれはありますそうではありません。どうしてこれなの？正確にここで何が起こっているのですか？

私は

window.setTimeout(function(){ 
       console.log(this); 
      }.bind(target); 

、私はこれを行うことによって設定されたタイムアウト匿名関数にコンテキストを渡すことができます知っているが、私は、ターゲットが一部として設定されたタイムアウト匿名関数に利用できないでしょう理由として損失にとどまっていますイベントリスナクロージャの

閉鎖の仕組みの誤解に対する返答とお詫びについては、事前にお礼を申し上げます。

Answer 1

変数はコールバック内で使用できます。

ただし、コールバックが実行されるまでに、変数はヌルです（whileループが終了しているため）。