未知ReferenceError：getDetailsが定義されていません

Question

次のJavaScriptコードを実行しようとしていますが、エラーが発生しています。

var services = [{place_id:'okkkkkk'}]; 
var delay = 100; 
var nextAddress = 0; 

function theNext() { 
    if (nextAddress < services.length) { 
    setTimeout('getDetails("' + services[nextAddress].place_id + '", theNext)', delay); 
    nextAddress++; 
    } else { 

    } 
} 


function getDetails(address, next) { 
    alert('ok'); 
} 


theNext(); 

Errror：

VM687:1 Uncaught ReferenceError: getDetails is not defined

関数が定義されており、私が問題を引き起こしていただきましたわからないんだけどさ。

https://jsfiddle.net/qmnaykqw/

Answer 1

あなたはsetTimeoutに文字列を渡すと、それが評価されますグローバルスコープではonloadと呼ばれる別の関数（少なくともあなたのJSFiddleリンク上）で定義されているので、文字列が評価されるときに範囲外です。

代わりに関数をsetTimeoutに渡す必要があります。それはクロージャを作成し、スコープを保持します。

function delayed_function() { 
    getDetails(services[nextAddress].place_id, theNext); 
} 

setTimeout(delayed_function, delay);