Javascript:使用Promise时的奇怪行为，异步等待，返回"Promise <pending>“
JavaScript中的Promise是一种用于处理异步操作的对象。当使用Promise时，可能会遇到一些奇怪的行为，比如返回"Promise <pending>"。
异步等待是指在代码执行过程中，遇到异步操作时，程序会继续执行后续的代码，而不会等待异步操作完成。这样可以提高程序的性能和响应速度。当使用Promise时，可以通过调用then()方法来处理异步操作的结果。
当一个Promise对象被创建时，它的状态会被设置为"pending"，表示异步操作正在进行中。当异步操作完成时，Promise的状态会变为"fulfilled"，表示操作成功完成。如果异步操作失败，则Promise的状态会变为"rejected"，表示操作失败。
返回"Promise <pending>"是因为在代码执行过程中，当遇到一个Promise对象时，它的状态可能还处于"pending"，即异步操作尚未完成。因此，当打印Promise对象时，会显示"Promise <pending>"。
要获取Promise对象的最终结果，可以使用then()方法来注册回调函数。当Promise对象的状态变为"fulfilled"时，then()方法中的回调函数会被调用，并且可以获取到异步操作的结果。如果Promise对象的状态变为"rejected"，则可以使用catch()方法来捕获错误并进行处理。
以下是使用Promise时的一些奇怪行为的解决方法：
- 使用then()方法来处理异步操作的结果，确保在Promise对象的状态变为"fulfilled"时获取到结果。
- 使用catch()方法来捕获异步操作的错误，并进行错误处理。
- 使用async/await语法糖来简化异步操作的处理，使代码更加清晰易读。
在JavaScript中，Promise是一种非常常用的处理异步操作的方式，它可以帮助开发者更好地管理和控制异步代码的执行流程。
推荐的腾讯云相关产品：腾讯云云函数（Serverless Cloud Function），腾讯云云开发（Tencent CloudBase），腾讯云云数据库MongoDB版（TencentDB for MongoDB）。
腾讯云云函数是一种事件驱动的无服务器计算服务，可以帮助开发者更轻松地构建和管理应用程序的后端逻辑。详情请参考：腾讯云云函数
腾讯云云开发是一种全托管的云原生后端服务，提供了前后端一体化的开发体验，可以帮助开发者快速构建和部署应用程序。详情请参考：腾讯云云开发
腾讯云云数据库MongoDB版是一种高性能、可扩展的NoSQL数据库服务，适用于存储和管理大规模的非结构化数据。详情请参考：腾讯云云数据库MongoDB版
相关·内容
2回答
我试图返回一个异步函数，但我得到的是promise: < { PENDING } >或[object Promise]，而不是[object Object]
我尝试过使用Promise.resolve(value)、Promise.resolve().then(return value)、return new Promise((resolve, reject) => {resolve(value)}返回值
从顶层到底层，我的代码如下所示：
//Top-Level
const getNext = require('getNext');
const next =
浏览 0提问于2019-04-16得票数 0
我正在使用Selenium for JavaScript，并尝试创建一个包含表单输入值的数组。我知道getAttribute (和大多数其他方法一样)返回一个Promise。但是，为什么即使我调用了await，values数组中的值也是有效的呢 Then(/^The Author form should be empty$/, () => {
return driver.findElements(By.css('.author-form input')).then( (inputs) => {
expect(inputs.length).toBe(3)
浏览 10提问于2020-04-10得票数 0
回答已采纳
下面是一个示例： let test = async () => {
let res = fetch('https://jsonplaceholder.typicode.com/todos/1')
}
console.log(test()) // Promise {<resolved>: undefined} 因为我没有返回任何东西，所以输出是Promise {<resolved>: undefined}，它是用undefined解决的。我明白这一点。 现在，这是第二个示例： let test = async () => {
let
浏览 21提问于2019-12-08得票数 1
回答已采纳
5回答
异步函数-等待不等待承诺
、、、
我在努力学习异步等待。在这个密码里-
const myFun = () => {
let state = false;
setTimeout(() => {state = true}, 2000);
return new Promise((resolve, reject) => {
setTimeout(() => {
if(state) {
resolve('State is true');
} else {
浏览 0提问于2017-08-25得票数 60
回答已采纳
目前，我正在尝试使用节点获取模块从网站中获取JSON，并实现了以下功能：
var fetch = require("node-fetch");
function getJSON(URL) {
return fetch(URL)
.then(function(res) {
return res.json();
}).then(function(json) {
//console.log(json) logs desired data
return json;
});
}
console.log(getJson(
浏览 3提问于2017-04-14得票数 1
回答已采纳
2回答
let request = require('request-promise')
function get(url) {
let _opt = {}
let response = (async () => {
try {
var ret = await request(url, _opt);
return ret;
} catch (e) {
console.log(e)
}
})();
return response
}
console.log(get('http://www.htt
浏览 1提问于2017-09-03得票数 5
回答已采纳
1回答
我想存储异步map()函数的结果，该函数遍历一个I数组，并使用Todo.findById(todo.id)方法检索实际的todo对象，下面是我的代码：
const todoIds = ["6325a0fa4d1b728890d90d98", "6325a0fa4d1b728890d90d97", "6325a0fa4d1b728890d90d96"];
const tasks = await todoIds.map(async (id) => {
const task = await Todo.findById
浏览 5提问于2022-09-17得票数 0
回答已采纳
const ret = () => new Promise(resolve => setTimeout( () => resolve('somestring'), 1000));
async function wrapper() {
let someString = await ret();
return someString;
}
console.log( wrapper() );
它记录Promise { <pending> }；为什么它返回Promise而不是'somestring'
我正在使用Babel
浏览 0提问于2016-10-02得票数 17
回答已采纳
我正在看一看ES9中提出的异步生成器，以便能够理解逻辑。
由于每个已获得的值都用作返回对象中的值属性--由next()调用包装：
async function * asyncGen() {
yield 1;
yield 2;
}
let asyncIterator = asyncGen();
asyncIterator.next(); // Promise fullfilled with {value: 1, done: false}
asyncIterator.next(); // Promise fullfilled with {value: 2, done: fa
浏览 0提问于2018-09-10得票数 1
回答已采纳
我有这个JavaScript fetch函数
async getAllExpensesByUser() {
let reponse = await fetch("router.php/getAll");
console.log(reponse.json());
}
也尝试过
getAllExpensesByUser = async () => {
const response = await fetch("router.php/getAll");
if (response.ok) {
const jsonVa
浏览 0提问于2021-04-11得票数 0
1回答
我需要您的帮助来调整我的方法以等待axios响应。基本上，我向一个WebService发送一个请求，我需要等待响应来捕获返回并调用另一个方法。
我试图在我的电话中使用异步/等待，但我可能使用错了。
class PlaylistController {
// Metodo inicial para criacao da playlist
public async create(req: Request, res: Response): Promise<Response> {
let artists = req.body.bands;
artists = art
浏览 2提问于2019-07-31得票数 0
1回答
我正在尝试捕获一个函数中两个服务调用的响应。我知道async和await可以解决这个问题，并在下面进行了尝试。在async函数中ex -我正在给用户打电话，公司端点和控制台日志显示完美，但同时通过调用async函数检索相同的值是Promise Pending。我尝试了两种选择: 1.通过简单地调用异步函数--给予Promise Pending 2.通过调用带有等待前缀的函数--给予等待是一个保留字。
请让我知道如何捕获此响应...
const service = {
getUsers: () => axios.get(`http://localhost:3000/users`
浏览 0提问于2017-10-27得票数 2
我有一些使用javascript异步/await的代码：
function sleep(ms) {
return new Promise(resolve => setTimeout(resolve, ms));
}
async function fun1()
{
console.log("dosomething1");
await sleep(6000);
console.log("dosomething2");
return "returnfromfun1";
}
console.log(fu
浏览 0提问于2019-07-23得票数 6
回答已采纳
2回答
尝试使用promise作为nodejs客户端捕获来自websocket连接的所有数据。在收到所有消息并告别之前，脚本正在退出，我希望它会记录‘console.logging #1 | 'Promise { <pending> }'’。 const WebSocket = require('ws');
const ws = new WebSocket('wss:url');
let results = new Promise(function(resolve, reject) {
ws.on('open',
浏览 31提问于2019-05-04得票数 1
回答已采纳
也是类似的，但没有起作用。
目标是在Firestore查询中使用异步/等待，而不是使用来自的那时/捕获承诺代码。
但是，在否定的情况下，下面的函数成功地拒绝了，但是返回Promise { <pending> }而不是Cloud。
async getUser(emailAddress) {
// Return null if @emailAddress blank.
if (!emailAddress) {
return null;
}
// Assume @db points to a Cloud Firestore databas
浏览 0提问于2020-08-09得票数 2
回答已采纳
以下是原生Javascript代码：
var first = Promise.resolve(1);
first.then((i)=>console.log(1))
当我在Chrome的控制台中检查first时，它显示它的状态是“已解决的”
> first
Promise {[[PromiseStatus]]: "resolved", [[PromiseValue]]: 1}
然而，当我在Chrome的控制台中检查first.then((i)=>console.log(1))时，它显示出它的状态是“待定的”
> first.then((i)=>co
浏览 5提问于2016-04-05得票数 2
回答已采纳
我是javascript中的新处理承诺，在这个节点js 中发现了一个问题，我正在尝试查找字符串数组中的所有谓词，并为此创建了以下函数：
function calculateVerbsAmount(stringsArray) {
return stringsArray.map(function(item) {
let element = wordpos.getVerbs(item, function(result){
return result;
});
});
}
我希望有一个新的数组，这次是动词字符串，但是由于lib将这些方法作为回调处理，所以我将得
浏览 4提问于2022-02-10得票数 0
回答已采纳
哪个生成器的产量相对于promise.then()是一个更正确的心理模型来理解‘等待’？
属性比较，通过使用调试器逐步遍历下面的代码段来推断：
等待：
等待不暂停/挂起正在运行的异步函数的执行。(运行异步函数“运行到完成”，当解释器到达第一个等待时返回一个挂起的承诺。它将立即从调用堆栈中删除。)
等待着承诺的达成。
await expression将函数的其余代码包装在一个微任务中。
发电机-产量：
生成暂停正在运行的函数的执行。生成器函数不会“运行到完成”。
yield promise确实确保promise在执行剩余代码之前已经解决了问题。
产量不会包装或创建
浏览 1提问于2019-07-04得票数 6
我很困惑为什么我需要在另一个函数中再次运行异步/等待
示例
async function fetchData() {
try {
const result = await axios.get('http://example.com')
return result
} catch(err) {
return err
}
}
// and in another function I need to async await again
// if I want to get the value of f
浏览 1提问于2019-07-12得票数 1
回答已采纳
我研究了许多帖子、文章和文档。我在寻求更深层次的理解。
来自
await表达式导致async函数执行暂停，直到Promise解决为止，.
let fetchLocation = () => {
//fetches information from satellite system and
//returns a Vector2 of lat long on earth
return new Promise(resolve => {
setTimeout(() => {
resolve({
lat: 73,
浏览 8提问于2022-01-26得票数 1
因此，控制台中的结果显示为-
Promise { <pending> } ' why is it still pending?'
[ { _id: 5a7c6552380e0a299fa752d3, username: 'test', score: 44 } ]
所以它告诉我Promise { pending }，但随后是我想要看到的答案-
[ { _id: 5a7c6552380e0a299fa752d3, username: 'test', score: 44 } ]
但是我如何修复promise pending部分，它是我在代码
浏览 0提问于2018-02-09得票数 2
2回答
我正在尝试解决NextJS应用程序构建过程中的一系列承诺，因为我在使用Promise.all时遇到网络错误，但由于某些原因，我在解决这些承诺时遇到了麻烦。 此代码可以工作，但不能与我的构建一起工作： const activityPlacesPromises = activityLocationIDs.map((id) =>
this.get(`places/${id}`)
);
const activityPlaces = await Promise.all(activityPlacesPromises);
console.log(activityPlaces); // R
浏览 9提问于2020-10-26得票数 0
回答已采纳
const function1 = () =>
new Promise(function(resolve,reject) {
setTimeout(() => {
resolve(10)
},6000)
});
const function2 = async () => {
console.log("first");
const val = await function1()
console.log("second
浏览 3提问于2018-10-03得票数 0
回答已采纳
我正在从Dictionary API中获取文本，但我不太明白为什么我的代码返回一个挂起的promise。但是，记录该值将返回预期的文本。这是我的代码， const getWord = (difficulty) => {
const fetchParameters = api + "?difficulty=" + difficulty
let outputWord = fetchWord(fetchParameters).then(value => {
console.log(value) // ->Logs intende
浏览 22提问于2019-10-04得票数 1
回答已采纳
1回答
我目前正在做一个小项目，并且遇到了这个问题。
这是我正在做的事情的一个小背景。首先，我与Axios并发调用API，如下所示：
const [...result] = await Promise.all([
axios.post('api-url', data, headers),
axios.post('api-url', data, headers),
axios.post('api-url', data, headers),
axios.post('api-url', data, headers),
])
然后，我映射
浏览 3提问于2021-05-05得票数 0
回答已采纳
我对 of async await有点困惑。当.then()函数解析后，这些文档使用async语法进行响应：
mdn示例
async function add() {
const b = await resolveAfter2Seconds(30); // timer
return b;
}
add().then(v => {
console.log(v);
});
但是在我自己的代码中，我不使用.then()，它仍然异步工作。流不会被阻塞。那么你为什么要使用.then()呢？
没有 .then的异步代码
function start(){
console.log
浏览 3提问于2017-11-21得票数 1
1回答
因此，我确实知道，异步函数一命中等待关键字就会返回一个挂起的承诺，如果不使用await关键字，异步函数返回的承诺将解析为我们从异步函数返回的值，如下所示：
async function f() {
let p = await (new Promise(r => {
setTimeout(r, 2000, 100)
}))
return p;
}
let p = f();
console.log(p); // pending, because its awaiting.
第二个例子：
async function f() {
l
浏览 4提问于2021-06-04得票数 0
2回答
React承诺不会返回值
、、、、
当试图解决我的承诺时，我得到了一个错误：“对象作为一个反应性子对象无效(找到:对象承诺)”。
在GetCardsFromBoard()中的API请求之后的typeOf()中，我的响应是string，它将数据输出到控制台。但是在TrelloTester()中，控制台显示我的响应仍然是Promise<pending>，并且我得到了错误。
我尝试了这么多的配置，但我无法得到我的承诺来解决，谢谢任何帮助！
const fetch = require('node-fetch');
export async function GetCardsFromBoard(board)
浏览 4提问于2020-12-25得票数 0
回答已采纳
我希望实现的目标是搜索我的数据库，找到我需要的结果，并将其存储到一个变量中，以便我可以在程序的稍后阶段使用它。 我已经创建了新的person，并按照以下代码成功地将其保存到我的数据库中： const mongoose = require('mongoose')
mongoose.connect("mongodb://localhost:27017/testClubDB", {useUnifiedTopology: true, useNewUrlParser: true, useCreateIndex: true });
const nameSchem
浏览 26提问于2021-07-02得票数 0
当我数据(console.log)时，我记录了我需要的信息，但是如果在getWeather()中返回数据的值，它只返回一个未决的promise。我试过很多方法，但到目前为止都没起作用。我将把我的坏代码留在下面。
const axios = require('axios');
const getWeather = async () => {
try {
let response = await axios.get(
'http://api.openweathermap.org/data/2.5/forecast?id=
浏览 5提问于2021-02-04得票数 0
检查下面的代码
const test = async (id) => {
const result = await new Promise((resolve) => {
setTimeout(() => resolve(` ${id} finished`), 1000);
});
const output = {
result,
};
return output;
};
async function output(ids) {
const result = ids.map(async (id) => {
return
浏览 9提问于2022-09-12得票数 0
回答已采纳
我在对象数组中运行Promises时遇到了问题。 我有一些数据的硬编码示例 const page = [
[
{
id: 1,
text: 'sentence 1'
},
{
id: 2,
text: 'sentence 2'
}
],
[
{
id: 3,
text: 'sentence 3'
}
]
] 名为getSentiment的函数接
浏览 26提问于2021-06-26得票数 2
回答已采纳
2回答
我在express之外有一个简单的脚本来测试这一点，我的脚本就像预期的那样工作。但是，下面的代码似乎不符合我的期望。
码
async function getTest(type, key) {
var body = await tloader.pload(type, key)
console.log(body)
return body
}
router.get('/pages/test', function(req, res) {
console.log("Running test...")
var content = getTest(&#
浏览 1提问于2017-09-12得票数 2
4回答
我在异步和等待生态系统方面是新手，但我知道它给出了同步编码的方式(尽管它是幕后的异步，只是用代码编写的方式)。
下面是我想以异步方式完成的代码。
const axios = require("axios");
async function getJSONAsync(){
// The await keyword saves us from having to write a .then() block.
let json = await axios.get('https://tutorialzine.com/misc/files/example.json'
浏览 1提问于2018-03-25得票数 5
回答已采纳
我不想一次又一次地安装节点模块，所以我找到了一个post here。 它使用npm link让我需要全局包。 但是，当我使用该方法时，html-minifier-terser不能正常工作。minify函数返回Promise { <pending> }而不是HTML。 但是它在相同build.js下工作得很好，而在该项目中，pug和html-minifier-terser是由npm install本地安装的，而不是npm install -g 代码如下： const fs = require('fs');
// Compile the source code
con
浏览 38提问于2021-09-02得票数 1
回答已采纳
2回答
我有一组关于人的数据对象。每个person对象都包含其他信息的0-n URL(person的客人)。
我想要处理这个列表，调用每个‘来宾’URL，并在原始数据集中包含客户的名字。
上下文:这是一个AWS lambda函数。我正在使用在本地运行这个程序。(lambda-local -l index.js -e fixtures/test_event1.json)。
我正在成功地使用等待/异步来检索初始数据集。
但我不能得到如果工作这些进一步的电话有关客人的信息。它总是显示出一个悬而未决的承诺，尽管结果还在等待。
// index.js
const fetch = require('no
浏览 1提问于2019-07-30得票数 4
回答已采纳
我有一个抽象的概念： function fetchDataFromAPI() {
const url = `https://api...`
return fetch(url).then(response => response.json())
} 我想在我的另一段代码中使用它，比如： if(something){
const data = fetchDataFromAPI()
return data
} 如果我解析数据，我得到的是console.log pending promise Promise {<pending>}
__proto__: Pro
浏览 12提问于2019-04-12得票数 1
回答已采纳
1回答
1)我正在努力更好地理解async await。我有一个想法，在await .then(//setState)函数中设置await .then(//setState)将处理setState的异步性质，但是在运行一些测试之后，这似乎不是真的。
constructor(){
this.state = { msg: 'ZERO' }
}
async componentDidMount() {
await this.setter();
this.setState({ msg: 'TWO' });
console.log('AFT
浏览 2提问于2019-02-28得票数 0
1回答
async function someFunction() {
try {
var key = await dec.awsDecrypt('dev-frontend')
return key;
} catch(err) {
}
}
//calling the function
const result = someFunction()
在上面，我有一个返回值key的异步。我试图通过将函数赋给变量result来检索该值，但在尝试时得到的响应是Promise { <pending> }。有什么建议吗？
浏览 0提问于2020-08-14得票数 0
3回答
我正在尝试使用async await来理解地图函数中的Promise.all，但我似乎返回了挂起的承诺，我不明白为什么
以下是当我有一个.then来解析我的承诺时的工作代码
const arr = [1, 2, 3, 4, 5];
const results = Promise.all(arr.map( item => {
return item + 1;
}));
results.then(result=> console.log(result))
哪个日志符合预期= 2，3，4，5，6
现在，要使用async-await实现函数，我知道需要使用关键字async和aw
浏览 1提问于2019-05-13得票数 0
我希望有人能指出我在这方面的错误。
目前我有两个功能。一个是getData，它是一个异步函数，只需进行请求数据的API调用即可。第二个函数是getRandomCategories，它封装了getData函数调用，并将异步操作的值保存在一个名为res的变量中。getRandomCategories中的其余代码将响应数据处理为一个数字数组，其中每个数字代表一个类别。
当我在getRandomCategories函数中使用调试器语句时(就在try块中的return语句之前)，我从名为apiCallCategoryArray的变量中获得了我期望的数据类型-它是一个数字数组，每个数字代表一个类别。生活是
浏览 2提问于2020-08-12得票数 0
我试图将一些不正确的/清理代码封装在一个单一的承诺中。如果要执行一些代码，执行然后再执行一些代码，我想要什么。这就是我想出来的：
function initialize() {
let callback;
console.log('intialization');
const promise = new Promise(resolve => callback = resolve);
new Promise(async () => {
await callback();
await promise;
浏览 1提问于2022-05-20得票数 0
回答已采纳
1回答
我在一个社交媒体中建立了这条路线，它可以循环通过你关注的所有用户，并获得他们的帖子。我使用了await和.exec()，但是我得到的输出是一个待定的承诺。
路由：
router.get("/following", auth, async (req, res) => {
try {
const user = await User.findOne({ firebaseUID: req.authId });
const posts = await user.following.map(async (usr) => {
await Post
浏览 0提问于2021-08-06得票数 0
我使用pg-promise，并尝试向用户模型中的数据库发出请求，以获取所有用户的数组，如下所示：
exports.getAllUsers = function () {
let users = db.any("SELECT * FROM users;").then(function (data) {
return data; // in debug mode data is my expected array
});
return users;
};
但是当我从控制器发出get请求时，它返回promise Prom
浏览 8提问于2020-07-14得票数 0
这是我的代码，我知道有人在这里解释等待函数，但我似乎不能理解为什么我的函数不能工作，在函数内部它完美地console.logs数据库，也在代码的.then部分，但当涉及到外部的console.log时它就不能工作了。
function resolveAfter1() {
return new Promise((resolve, reject) => {
var scoresFromDb = db.account.find({}, { username: 1, score: 1 }).toArray(function(err, result) {
if (e
浏览 0提问于2018-02-12得票数 2
2回答
考虑下面的代码片段： class ClientWrapper {
private client: Client;
constructor() {
this.client = new Client();
}
async connect() : Promise<void> {
return this.client.connect();
}
async isConnected(): Promise<boolean> {
return this.client.isConnec
浏览 25提问于2021-02-05得票数 0
async function pending() {
return new Promise((resolve, reject) => { resolve(1) });
}
async function fulfilled() {
return 1;
}
function promiseState(p) {
return Promise.race([ Promise.resolve(p).then(() => "fulfilled", () => "rejected"), Promise.resolve().then(() =
浏览 0提问于2018-04-06得票数 1
loginTest()给我resolve(值)，所以它转到.then，我的问题是因为promise是异步代码，console.log(token)在promise fulfills.I之前打印promise-pending。我想只在promise之后显示值fulfilled.Can是否有人帮助？
const token = loginTest().then(res => res).catch(err => err);
console.log(token);
浏览 0提问于2018-03-14得票数 1
1回答
我试图在数组元素列表上异步迭代，但使用以下代码：
const calculate = async ({ id, priority, database, product }) => {
let list_of_products;
if (priority) {
list_of_products = await getPriorityList(database, id);
}
else {
const prods = product.split(',');
await prods.forEach(
浏览 3提问于2022-08-26得票数 0
我打算向客户端返回type_item，但我不能将Mongoose结果返回给变量type_itemi.items，它什么也不返回……
如何将获取mongoose数据的结果返回到type_item？
var type_item = [
{
type_name : "Item A",
type : "1",
items : []
},
{
type_name : "Item B",
type : "2",
items : []
},
{
type_name :
浏览 1提问于2020-04-14得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
