gpt4 book ai didi

Javascript - 回调的优点

转载 作者:太空宇宙 更新时间:2023-11-04 02:52:50 25 4
gpt4 key购买 nike

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

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)函数是否会停止?

感谢您的帮助!

最佳答案

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用于处理异步性,无需以 asyncawait 形式进行回调。如果您使用像 Babel 这样的工具进行转译,您现在就可以使用该语法。

关于Javascript - 回调的优点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41745803/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com