関数がsetTimeoutを使用して定義されていません

Question

すぐに呼び出された関数式でjsコードをラップした後に何らかの理由でprogressBar not definedが表示されます。なぜこれが当てはまるのだろうか？

(function(){ 
    "use strict" 

    var progressBar = function(){ 
     var bar = document.getElementById('pbar'), 
     status = document.getElementById('status'), 
     barValue = bar.value; 

     status.innerHTML = barValue + "%"; 
     bar.value++; 

     var increment = setTimeout("progressBar()", 50); 
     if(bar.value == 100){ 
      status.innerHTML = '100% - Straight Besting'; 
      bar.value = '100'; 
      clearTimeout(increment); 
     } 
    } 

    progressBar(); 

})() 

Answer 1

あなたはsetTimeoutに文字列を渡すと、それはグローバルwindowオブジェクトのコンテキストで呼び出されます。

変更setTimeoutラインへ：

var increment = setTimeout(progressBar, 50); 

例えば面白いザッツ

(function() { 
 
    let i = 0; 
 
    let myfunction = function() { 
 
     console.log(i++); 
 
     if (i < 10) setTimeout(myfunction, 100); 
 
    }; 
 

 
    myfunction(); 
 
})()