js 等待执行结果

在JavaScript中，“等待执行结果”通常涉及到异步编程和并发处理。JavaScript是一种单线程语言，但它支持异步操作，这意味着可以在等待某些操作（如网络请求或文件读取）完成的同时执行其他代码。

以下是关于JavaScript中等待执行结果的一些基础概念：

1. 回调函数（Callback）

回调函数是最早的异步处理方式之一。当某个操作完成时，会调用一个函数来处理结果。

function fetchData(callback) {
    setTimeout(() => {
        const data = 'some data';
        callback(data);
    }, 1000);
}

fetchData((data) => {
    console.log(data); // 输出: some data
});

2. Promise

Promise是ES6引入的一种更现代的处理异步操作的方式。它表示一个异步操作的最终完成（或失败）及其结果值。

function fetchData() {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            const data = 'some data';
            resolve(data);
        }, 1000);
    });
}

fetchData().then(data => {
    console.log(data); // 输出: some data
}).catch(error => {
    console.error(error);
});

3. async/await

async/await是基于Promise的语法糖，使得异步代码看起来更像同步代码，更易于理解和维护。

async function fetchData() {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            const data = 'some data';
            resolve(data);
        }, 1000);
    });
}

async function main() {
    try {
        const data = await fetchData();
        console.log(data); // 输出: some data
    } catch (error) {
        console.error(error);
    }
}

main();

优势

回调函数：简单直接，但容易导致“回调地狱”。
Promise：解决了回调地狱问题，提供了更好的错误处理机制。
async/await：代码更简洁，更易于理解和维护。

应用场景

网络请求：如使用fetch或axios进行HTTP请求。
文件操作：如读取或写入文件。
定时任务：如使用setTimeout或setInterval。

常见问题及解决方法

1. 回调地狱

问题：多层嵌套的回调函数使代码难以阅读和维护。

解决方法：使用Promise或async/await来简化代码结构。

2. 未处理的Promise拒绝

问题：未捕获的Promise拒绝会导致未处理的错误。

解决方法：使用.catch()方法或try/catch块来捕获和处理错误。

fetchData().then(data => {
    console.log(data);
}).catch(error => {
    console.error(error);
});

或

async function main() {
    try {
        const data = await fetchData();
        console.log(data);
    } catch (error) {
        console.error(error);
    }
}

通过这些方法，可以有效地处理JavaScript中的异步操作和等待执行结果的问题。

页面内容是否对你有帮助？

有帮助

没帮助

异步函数和等待关键字

拥有如此简单的js应用程序：<html> <title>Parcel Sandbox</title> <div id="app3"></div> <div id="app4"></div>

浏览 3提问于2021-04-14得票数 0

回答已采纳

1回答

在客户端脚本中等待

、、、、

我在clientscript中有一个rest调用，结果需要在执行js页面的其余部分之前应用。如何在测试咖啡馆客户端脚本中实现这种阻塞等待？在使用“等待”时，我会得到一个错误，因为它可能不会在顶层使用。似乎无法在testcafe中执行rest调用，并将结果传递给clientscript。

浏览 3提问于2022-08-09得票数 0

回答已采纳

1回答

JS等待订阅结果

我正试图找出等待订阅结果的最佳方法，在那里我正在传递一个回调。someResult = //do stuff in the callback with someResponse return someResult;我不太确定在这种情况下，等待将如何正确工作

浏览 1提问于2021-07-07得票数 0

回答已采纳

1回答

客户端等待async / promise的angular dart js互操作

、、

clientside.js async function callClientAsyncFuncWithResult () { return result; /

浏览 17提问于2019-04-08得票数 4

回答已采纳

2回答

什么是同步的javascript同步代码

、

既然同步意味着同时和常规的javascript按顺序操作，一行一行，为什么js不是同步的称为异步的呢？同样，为什么异步调用不是同步的，因为同时发生两件事

浏览 2提问于2021-04-25得票数 1

回答已采纳

1回答

如何暂停异步Swift函数，直到从另一个库(JavaScriptCore)获得结果时调用回调为止

、、、、

result = await myAsyncFunction() } myAsyncFunction()处理处理以返回所需的结果，我所做的一些处理是在JavaScript中进行的，在JavaScriptCore中执行。我希望能够从Swift启动一个JS函数，等待JS中的异步代码完成它的工作，然后将结果传递给Swift异步代码以便进一步处理。问题在于，JavaScript本身的异步/等待

浏览 9提问于2022-06-27得票数 1

回答已采纳

1回答

非新异步函数与简单同步函数转换之间的区别？

、、、

为了尽量减少代码重复，我编写了一些简单的JS/TS异步函数，方法是将各自的同步函数封装在承诺中。但是，没有在其他地方看到这一点，我担心我可能遗漏了一些设计问题。

浏览 3提问于2022-02-21得票数 0

回答已采纳

1回答

节点JS MySQL等待结果

、

问题是第二个查询没有等待响应，有时我会收到一个错误，因为taskId变量没有定义，因为它仍然没有从第一个查询中获得结果。没有正确获取其值的有问题的变量是taskId。

浏览 3提问于2020-06-24得票数 0

回答已采纳

1回答

异步/等待结果在等待执行后为空

、、

function() { result = await a.text();我试图将结果放入变量中，但没有返回任何结果。结果是“存在”或“确定”。当我将它发送到控制台时，工作正常，但我需要结果来执行其他操作。如果我保存它以得到结果，它什么也不会显示。

浏览 0提问于2019-03-12得票数 2

回答已采纳

1回答

谷歌机器人在文件准备就绪后等待多长时间才能拍摄网页快照？

、、、

当google允许JS在页面上爬行时，需要等待多久才能让javascript在文档准备就绪后执行？假设我有一个比通常更长的AJAX响应，如何确保google爬行内容丰富的站点(使用AJAX响应)？我试着用它做一些实验，结果发现它等待了大约5秒。这是每个人的标准结果吗？谷歌是否提供了有关这方面的文档？

浏览 0提问于2015-06-22得票数 8

2回答

js async/await不工作

、、

我正在尝试了解异步/等待以及如何使用它们。我遵循了一些我所见过的例子(我想)，但是await实际上并不是在等待ajax响应。processJSONData(data) { Data = JSON.parse( data); 但是await关键字实际上并没有等待返回结果<anonymous> (http://localhost:3000/js/contr

浏览 27提问于2018-03-01得票数 0

回答已采纳

1回答

JS等待执行，然后安置

、

loading: false, validationError: errorMessage,那么如何重写才能正确使用等待

浏览 4提问于2021-04-08得票数 0

回答已采纳

1回答

加载了请稍候的php file_get_contents

我正在使用php执行一个使用file_get_contents的远程url。如果file_get_contents检索到的内容不是空的，那么我会回显一条消息，说明完成。所以我想知道有没有一种方法可以在php file_get_contents做它自己的事情的时候有一个加载请等待消息的显示。并在完成时将结果显示为完成或错误谢谢

浏览 0提问于2013-01-27得票数 1

1回答

在文档准备好之后，谷歌机器人需要等待多长时间才能拍摄网页快照？

、、、

由于google bot允许JS在爬行时在页面上执行工作，那么在文档准备就绪后，它需要等待多长时间才能让javascript执行？我试着用它做了一些实验，发现它等待了大约5秒。这是每个人的标准结果吗？谷歌是否提供了关于这方面的文档？

浏览 2提问于2015-06-18得票数 1

1回答

在异步函数中返回等待值是返回一个承诺

、、

在Javascript中，我试图返回异步函数的等待结果。看来，如果在异步函数中使用这个结果，那么一切都可以正常工作，它将被视为解析()参数，而且一切都很好。但是，如果我试图返回结果，它将被视为回调，即使有等待语句。例如(在异步函数中使用等待结果)： <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquer

浏览 4提问于2017-07-03得票数 1

回答已采纳

3回答

在c++11中，线程是否与node.js/javascript回调类似？

、

回调应该在主线程中执行。目前我正在使用来执行这个任务，但我希望避免等待结果(结果是布尔值，万一true一切正常，万一false需要重新启动线程来尝试执行任务)。在c++11中是否类似于node.js/javascript回调？

浏览 5提问于2014-04-27得票数 3

回答已采纳

2回答

我指的是Node.JS，而不是浏览器。有许多方法可以同步访问异步函数的结果，比如使用child_process.spawnSync或worker和Atomics。impossible (as far as I know) to access the result of prom synchronously 不能在postMessage调用中发送承诺，因此工作人员无法访问它们，并等待它们同步或完全完成事件循环等待在开始处理prom.then的回调函数之前完全执行while循环。这会导致无限循环。因此，这让我

浏览 3提问于2021-05-18得票数 1

回答已采纳

2回答