使用setTimeout调用父函数的内部函数

Question

内部函数在过期后如何调用父函数？

setTimeout(main, 2000); 
function main(){ 
    /* .... code */ 
    setTimeout(console.log("hello after 5 seconds"), 5000); 
} 

意图动作是在5秒内（7个）进行打印hello after 5 seconds;用上面的代码在2秒内打印出来。

Answer 1

您需要通过setTimeout函数引用。用setTimeout(console.log("hello after 5 seconds"), 5000);，您立即致电console.log。任何时候你在函数名后面写()，你都在调用它。

console.log返回undefined，这是传递给setTimeout。它只是忽略了未定义的值，并且什么都不做。 （并且不会引发任何错误。）

如果您需要将参数传递给回调函数，有几种不同的方法可以使用。

匿名函数：

setTimeout(function() { 
    console.log('...'); 
}, 5000); 

返回一个函数：

function logger(msg) { 
    return function() { 
     console.log(msg); 
    } 
} 

// now, whenever you need to do a setTimeout... 
setTimeout(logger('...'), 5000); 

这工作，因为调用logger仅仅返回关闭了msg新的匿名功能。返回的函数是实际传递给setTimeout的内容，当回调被触发时，它可以通过闭包访问msg。

Answer 2

It works！你错过了字function。

setTimeout(main, 1000); 

function main() { 
    function function1() { alert(1); }; 
    setTimeout(function1, 1000); 
}​ 

Answer 3

我想我明白你想要什么。请看：

var main = function(){ 
    console.log("foo"); 
    var function1 = function(string) { 
     console.log("function1: " + string); 
    }; 
    var function2 = function() { 
     console.log("hadouken!"); 
    }; 
    // you will need to use a closure to call the function 
    // that you want with parameters 
    // if you dont have parameters, just pass the function itself 
    setTimeout(function(){ function1("bar") }, 5000); 
    setTimeout(function2, 6000); 
} 
setTimeout(main, 2000); 

或者：

function main(){ 
    console.log("foo"); 
    function function1(string) { 
     console.log("function1: " + string); 
    }; 
    function function2() { 
     console.log("hadouken!"); 
    }; 
    // you will need to use a closure to call the function 
    // that you want with parameters 
    // if you dont have parameters, just pass the function itself 
    setTimeout(function(){ function1("bar") }, 5000); 
    setTimeout(function2, 6000); 
} 
setTimeout(main, 2000); 

我平时比较喜欢第一sintax。

的jsfiddle：http://jsfiddle.net/davidbuzatto/65VsV/