javascript - 在 setTimeout 内调用函数时引用错误

Question

我在 setTimeout 函数中不断收到引用错误。
下面是javascript文件中的代码

( function( $, undefined ) {

  $( document ).ready( init );

  function init() {
    registerEventListeners();
  }

  function registerEventListeners() {
    $( '.start_countdown').click( handleStart );
    $( '.end_countdown').click( handleEnd );
  }

  var countdown;
  var countdown_number;

  function handleStart() {
    countdown_number = 11;
    countdown_trigger(countdown_number);
  }

  function countdown_trigger() {
    if (countdown_number > 0) {
      countdown_number --;
      document.getElementById('countdown_text').innerHTML = countdown_number;
      if (countdown_number > 0) {
          countdown = setTimeout('countdown_trigger()', 1000);
      }
    }
  }

  function handleEnd() {
    clearTimeout(countdown);
  }

})( jQuery );  

在jade.js文件中:

extends layout

append scripts
  script(src='/javascripts/countDownRedirect.js')

block content
  h1= title

  p Redirecting you to your documents shortly

  div
    button.start_countdown#start Start Countdown
    button.end_countdown#end End Countdown

  div#countdown_text Placeholding text

引用错误:“countdown_trigger()”未定义

页面加载后，一切似乎都工作正常。
单击开始按钮会显示 10，但随后会引发引用错误。有什么建议吗？
谢谢

Answer 1

当您在 setTimeout 中使用引号时，您将调用 eval，这不是一个好主意。尝试传递对函数的引用而不是字符串:

countdown = setTimeout(countdown_trigger, 1000);