Параметр функции не определен [дубликат]

Как я решил этот этап?

так же:

setTimeout((function(_deepFunction ,_deepData){
    var _deepResultFunction = function _deepResultFunction(){
          _deepFunction(_deepData);
    };
    return _deepResultFunction;
})(fromOuterFunction, fromOuterData ) , 1000  );

setTimeout ждать ссылки на функцию, поэтому я создал ее в закрытии, которое интерпретирует мои данные и возвращать функцию с хорошим экземпляром моих данных!

Возможно, вы можете улучшить эту часть:

_deepFunction(_deepData);

// change to something like :
_deepFunction.apply(contextFromParams , args); 

Я протестировал ее на chrome, firefox и IE, и она хорошо работает, я не знаю о производительности, но мне нужно, чтобы он работал.

образец теста:

myDelay_function = function(fn , params , ctxt , _time){
setTimeout((function(_deepFunction ,_deepData, _deepCtxt){
            var _deepResultFunction = function _deepResultFunction(){
                //_deepFunction(_deepData);
                _deepFunction.call(  _deepCtxt , _deepData);
            };
        return _deepResultFunction;
    })(fn , params , ctxt)
, _time) 
};

// the function to be used :
myFunc = function(param){ console.log(param + this.name) }
// note that we call this.name

// a context object :
myObjet = {
    id : "myId" , 
    name : "myName"
}

// setting a parmeter
myParamter = "I am the outer parameter : ";

//and now let's make the call :
myDelay_function(myFunc , myParamter  , myObjet , 1000)

// this will produce this result on the console line :
// I am the outer parameter : myName

Возможно, вы можете изменить подпись, чтобы сделать ее более уступчивой:

myNass_setTimeOut = function (fn , _time , params , ctxt ){
return setTimeout((function(_deepFunction ,_deepData, _deepCtxt){
            var _deepResultFunction = function _deepResultFunction(){
                //_deepFunction(_deepData);
                _deepFunction.apply(  _deepCtxt , _deepData);
            };
        return _deepResultFunction;
    })(fn , params , ctxt)
, _time) 
};

// and try again :
for(var i=0; i<10; i++){
   myNass_setTimeOut(console.log ,1000 , [i] , console)
}

И окончательно ответить на исходный вопрос:

 myNass_setTimeOut( postinsql, 4000, topicId );

Надеюсь, это поможет!

ps: извините, но английский это не мой родной язык!

Обратите внимание, что причина, по которой topicId была «не определена» в сообщении об ошибке, заключается в том, что она существовала как локальная переменная, когда был запущен setTimeout, но не тогда, когда произошел отложенный вызов postinsql. Важное значение имеет значение переменной, особенно когда вы пытаетесь что-то вроде передачи «this» в качестве ссылки на объект.

Я слышал, что вы можете передать topicId в качестве третьего параметра функции setTimeout. Не так много деталей, но я получил достаточно информации, чтобы заставить ее работать, и она успешна в Safari. Я не знаю, что они означают о «миллисекундовой ошибке». Проверьте это здесь:

http://www.howtocreate.co.uk/tutorials/javascript/timers

Это очень старый вопрос с уже «правильным» ответом, но я думал, что упомянул еще один подход, который никто не упомянул здесь. Это скопировано и вставлено из превосходной библиотеки underscore :

_.delay = function(func, wait) {
  var args = slice.call(arguments, 2);
  return setTimeout(function(){ return func.apply(null, args); }, wait);
};

Вы можете передать столько аргументов, сколько хотите, для функции, вызванной setTimeout и в качестве дополнительного бонуса (ну, как правило, бонуса) значение аргументов, переданных вашей функции, блокируется при вызове setTimeout, поэтому, если они изменяют значение в какой-то момент между вызовом setTimeout () и когда он истекает , ну ... это уже не так ужасно расстраивает:)

Вот скрипка , где вы можете видеть, что я имею в виду.

Некоторые ответы правильные, но запутанные.

Я отвечаю на это еще раз, 4 года спустя, потому что я все еще сталкиваюсь с чрезмерно сложным кодом, чтобы решить именно этот вопрос.

Прежде всего, не передавайте строку в качестве первого параметра при вызове setTimeout, потому что он эффективно вызывает вызов медленной функции «eval».

Итак, как мы передаем параметр функции таймаута? Используя закрытие:

settopic=function(topicid){
  setTimeout(function(){
    //thanks to closure, topicid is visible here
    postinsql(topicid);
  },4000);
}

...
if (xhr.readyState==4){
  settopic(xhr.responseText);
}

Некоторые предложили использовать анонимную функцию при вызове функции таймаута:

if (xhr.readyState==4){
  setTimeout(function(){
    settopic(xhr.responseText);
  },4000);
}

Синтаксис работает. Но к тому времени, когда вызывается оконечное устройство, т. Е. Через 4 секунды, объект XHR может быть не таким. Поэтому важно предварительно привязать переменные .

Я знаю, что он старый, но я хотел добавить свой (предпочтительный) вкус к этому.

Я думаю, что довольно читаемый способ добиться этого - передать функцию topicId функции, которая, в свою очередь, использует аргумент для ссылки на идентификатор темы внутри. Это значение не изменится, даже если topicId снаружи будет изменено вскоре после.

var topicId = xmlhttp.responseText;
var fDelayed = function(tid) {
  return function() {
    postinsql(tid);
  };
}
setTimeout(fDelayed(topicId),4000);

или короткое:

var topicId = xmlhttp.responseText;
setTimeout(function(tid) {
  return function() { postinsql(tid); };
}(topicId), 4000);

В современных браузерах «setTimeout» получает третий параметр, который отправляется как параметр для внутренней функции в конце таймера.

Пример:

var hello = "Hello World";
setTimeout(alert, 1000, hello);

Подробнее:

• https://developer.mozilla.org/en-US/docs/Web/API/ WindowTimers.setTimeout
• http://arguments.callee.info/2008/11/10/passing-arguments-to-settimeout-and-setinterval/

Ответ Дэвида Майстера, похоже, позаботится о параметрах, которые могут измениться сразу после вызова setTimeout (), но до вызова анонимной функции. Но это слишком громоздко и не очень очевидно. Я обнаружил элегантный способ сделать почти то же самое, используя IIFE (сразу inviked выражение функции).

В приведенном ниже примере переменная currentList передается в IIFE, которая сохраняет ее при ее закрытии , пока не будет вызвана функция задержки. Даже если переменная currentList изменяется сразу после показанного кода, setInterval() будет поступать правильно.

Без этой техники IIFE функция setTimeout(), безусловно, будет вызвана для каждого h2 элемент в DOM, но все эти вызовы будут видеть только текстовое значение последнего элемента h2.

<script>
  // Wait for the document to load.
  $(document).ready(function() {
  $("h2").each(function (index) {

    currentList = $(this).text();

    (function (param1, param2) {
        setTimeout(function() {
            $("span").text(param1 + ' : ' + param2 );
        }, param1 * 1000);

    })(index, currentList);
  });
</script>

После выполнения некоторых исследований и тестирования единственная правильная реализация:

setTimeout(yourFunctionReference, 4000, param1, param2, paramN);

setTimeout передаст все дополнительные параметры вашей функции, чтобы их можно было обработать там.

анонимная функция может работать для очень простых вещей, но в пределах экземпляра объекта, где вы должны использовать «это», нет способа заставить его работать. Любая анонимная функция изменит «это», чтобы указать на окно, поэтому вы потеряете ссылку на объект.

В общем случае, если вам нужно передать функцию в качестве обратного вызова с определенными параметрами, вы можете использовать функции более высокого порядка. Это довольно элегантно с ES6:

const someFunction = (params) => () => {
  //do whatever
};

setTimeout(someFunction(params), 1000);

Или если someFunction - первый порядок:

setTimeout(() => someFunction(params), 1000); 

Хобблин уже прокомментировал это по этому вопросу, но на самом деле это должен быть ответ!

Использование Function.prototype.bind() - самый чистый и самый гибкий способ сделать это (с добавленным бонусом к возможности установить контекст this):

setTimeout(postinsql.bind(null, topicId), 4000);

Для получения дополнительной информации см. эти ссылки MDN: https://developer.mozilla.org/en/docs/DOM/window.setTimeout#highlighter_547041 https://developer.mozilla.org/en/docs/JavaScript/Reference/Global_Objects/Function/bind#With_setTimeout

Самое простое решение для кросс-браузера для поддержки параметров в setTimeout:

setTimeout(function() {
    postinsql(topicId);
}, 4000)

Если вы не возражаете против поддержки IE 9 и ниже:

setTimeout(postinsql, 4000, topicId);

[/g1]

[/g2]

https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/ SetTimeout

Замените

 setTimeout("postinsql(topicId)", 4000);

на

 setTimeout("postinsql(" + topicId + ")", 4000);

или еще лучше, замените строковое выражение на анонимную функцию

 setTimeout(function () { postinsql(topicId); }, 4000);

EDIT:

Комментарий Браунстоуна неверен, это будет работать так, как было показано, как показано на рисунке ниже, в этом случае в консоли Firebug

(function() {
  function postinsql(id) {
    console.log(id);
  }
  var topicId = 3
  window.setTimeout("postinsql(" + topicId + ")",4000); // outputs 3 after 4 seconds
})();

Обратите внимание, что я согласен с другими, что вам следует избегать передачи строка в setTimeout, так как это вызовет eval() в строке и вместо этого передаст функцию.