Javascript - 回调的优点

Question

我在理解回调方面遇到了一些问题。在过去的两天里我读了很多书，我所理解的如下(如果我错了，请纠正我):

JavaScript 是一种单线程语言，您可以进行同步和异步编程。 同步意味着每个语句都会等待前一个语句完成后再执行。这可能会导致麻烦，因为例如，如果与数据库的连接需要大量时间，则前一个语句之后的语句必须等待。 最后这是非常糟糕的，这就是为什么最好在 Javascript 中进行异步编程，因为异步代码不必等待，代码可以继续运行，用户也不必等待。

要进行异步编程，需要回调(更高阶的函数)。

现在我尝试通过大量教程等编写一个小示例。

function testCallback(a,callback){
    console.log('1.function and given parameter: '+a);
    callback(10);
}    

testCallback(5 , function(x){
    console.log("2.function and given parameter of 1. function: "+x);
});

是吗？输出是:

1.function and given parameter: 5
2.function and given parameter of 1. function: 10

我不明白，这段代码有什么好处，因为我认为这仍然会带来麻烦？如果“console.log('1.function and...')出现问题，callback(10)函数是否会停止？

感谢您的帮助!

Answer 1

JavaScript is a single thread language...

不，不是。该语言没有提及线程。不过，大多数环境为每个全局环境提供一个线程(并且在浏览器上您可以创建更多线程，它们通过消息传递进行互操作)。 NodeJS 只提供一个线程。某些环境(例如 JDK 上的 Rhino 或 Nashorn)提供真正的多线程(以及可能涉及的所有优点和麻烦)。

使用回调不会使代码异步。例如，您的示例不是异步的。考虑:

function testCallback(a,callback){
    console.log('1.function and given parameter: '+a);
    callback(10);
}    

console.log("Before the call");
testCallback(5 , function(x){
    console.log("2.function and given parameter of 1. function: "+x);
});
console.log("After the call");

请注意，直到 2.function 和 1. function 的给定参数:10 之前，我们都看不到 After the call。如果回调是异步的，我们会之前看到它:

function testCallback(a,callback){
    console.log('1.function and given parameter: '+a);
    setTimeout(function() { // Using setTimeout
      callback(10);         // to make this call
    }, 0);                  // asynchronous
}    

console.log("Before the call");
testCallback(5 , function(x){
    console.log("2.function and given parameter of 1. function: "+x);
});
console.log("After the call");

回调是同步调用还是异步调用完全取决于您传递给它的函数的作用。例如，Array#sort 使用的回调是同步调用的，而 setTimeout 使用的回调是异步调用的。

对于异步代码，它必须启动一个操作，然后让该操作稍后完成，从而触发回调。 setTimeout 可以做到这一点，就像正确使用 ajax 一样，以及其他许多事情。

<小时/>

请注意，回调目前是您处理异步行为的方式(如上面的简单回调，或 promise 回调)，但下一个规范 (ES2017) 将定义 built-in language semantics用于处理异步性，无需以 async 和 await 形式进行回调。如果您使用像 Babel 这样的工具进行转译，您现在就可以使用该语法。