0

我创建了以下程序来尝试帮助我理解 node.js 中的异步调用/回调，但最终却遇到了更多问题。

var z = 0

// define our function with the callback argument
function some_function(arg1, arg2, callback) {
    // this generates a random number between
    // arg1 and arg2
    var my_number = Math.ceil(Math.random() *
        (arg1 - arg2) + arg2);
    // then we're done, so we'll call the callback and
    // pass our result
    callback(my_number);
}

// call the function - callback 1
some_function(5, 15, function(num) {
    // this anonymous function will run when the
    // callback is called
        z = 1;
        console.log("callback 1 called! " + num + " z= " + z);
});

// call the function - callback 2
some_function(20, 25, function(num) {
    // this anonymous function will run when the
    // callback is called
    var x=3000;
    z = 2;
    setTimeout(function() {
        console.log("callback 2 called! " + num + "-> but waited " + x + " z= " + z);
        }
    ,x);
});

// call the function - callback 3
some_function(30, 35, function(num) {
    // this anonymous function will run when the
    // callback is called
    var x=5000;
    z = 3;
    setTimeout(console.log("callback 3 called! " + num + "-> but waited " + x + " z= " + z), x);
});

//callback function for callback 4
function callback_function(my_num) {
    z = 4;
    console.log("callback 4 called! " +  "-> but waited " + " z= " + z);
}

// call the function - callback 4
some_function(40, 45, function(num) {
    // this anonymous function will run when the
    // callback is called
    var x=6000;
    setTimeout(callback_function, x);
});

这是我得到的输出：

node callback_test.js 
callback 1 called! 13 z= 1
callback 3 called! 35-> but waited 5000 z= 3
callback 4 called! -> but waited  z= 4
callback 2 called! 25-> but waited 3000 z= 4

我的问题是：

  1. 据我了解，callback-3在立即执行console.log语句setTimeout，而不是callback-2仅在setTimeout完成时执行它 - 这是正确的吗？为了帮助我理解，为什么会这样？

  2. 在callback-4setTimeout中，我为语句创建了另一个回调函数。该函数 ( callback_function) 有一个参数my_num。如果我按照上面显示的方式运行它，它就会充当回调，但是当我像这样运行它时，setTimeout(callback_function(num), x);它会立即执行它 - 为什么会发生这种情况？

  3. 这与问题 2 有关。从setTimeout(callback_function, x);in callback-4中，我如何将参数传递给在 ?callback_function中定义的类似参数function callback_function(my_num) {...？

4

1 回答 1

0

据我了解，callback-3 立即在 setTimeout 内执行 console.log 语句，而不是 callback-2 仅在 setTimeout 完成时执行它 - 对吗？为了帮助我理解，为什么会这样？

这只是一个错误。你永远不会看到像这样的真实代码。它甚至只是因为 JavaScript 对类型非常松懈而执行。

setTimeout(console.log("callback 3 called! " + num + "-> but waited " + x + " z= " + z), x);

console.log 语句立即执行并计算结果为undefined，因此这相当于调用setTimeout(undefined)，并且由于setTimeout需要一个函数和可选的延迟作为其参数，因此它什么也不做。setTimeout 在这里抛出异常可能更明智，但在这种情况下，JavaScript 只是继续并忽略非函数参数。

在 callback-4 中，我为 setTimeout 语句创建了另一个回调函数。该函数 (callback_function) 有一个参数 my_num。如果我按照上面显示的方式运行它，它就会充当回调，但是当我像这样运行它时 setTimeout(callback_function(num), x); 然后它立即执行它 - 为什么会发生这种情况？

因为提供对函数对象的引用和调用函数是有区别的。在这种情况下，当您真的只需要提供对它的引用时，您正在调用该函数。这种混乱可以在异步 JS 中被带到前台，但实际上这是一个基本的 JS 语言级别的事情，你需要花一些时间思考，直到你对这一点有 100% 的清晰。

这与问题2有关。来自 setTimeout(callback_function, x); 在回调 4 中，如何将参数传递给 callback_function，就像在函数 callback_function(my_num) {... 中定义的那样？

要么使用包装函数：

setTimeout(function () {callback_function(num)})

或使用 Function.bind

setTimeout(callback_function.bind(null, num))

（这称为柯里化）。上述两个选项都实现了几乎完全相同的目标。Function.bind 只是一种方便的语法。

于 2013-08-28T16:24:40.170 回答