Uncaught 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 он получает оцененную в глобальном масштабе. Поскольку getDetails определен в другой функции (по крайней мере, на вашей ссылке JSFiddle), которая называется onload, она выходит за пределы области, когда оценивается строка.

Необходимо вместо этого передать функцию setTimeout. Это создаст закрытие и сохранит масштаб.

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

setTimeout(delayed_function, delay);