Javascript Promise在next Then()之前不等待解析
JavaScript Promise是一种用于处理异步操作的编程模式。它允许我们以更简洁和可读的方式编写异步代码，并且能够更好地处理异步操作的结果或错误。
在JavaScript中，当我们执行一个异步操作时，比如发送一个网络请求或读取一个文件，代码会继续执行而不会等待异步操作完成。这就导致了异步操作的结果无法立即使用，而需要通过回调函数或Promise来处理。
Promise对象代表一个异步操作的最终完成或失败，并且可以获取异步操作的结果。它有三个状态：pending（进行中）、fulfilled（已完成）和rejected（已失败）。当异步操作完成时，Promise会从pending状态转变为fulfilled状态，并调用相应的回调函数来处理结果。如果异步操作失败，则Promise会从pending状态转变为rejected状态，并调用相应的错误处理函数。
在使用Promise时，我们可以通过链式调用的方式来处理多个异步操作。通过调用Promise的then()方法，我们可以指定在Promise对象状态变为fulfilled时要执行的回调函数。而在这个回调函数中，我们可以继续返回一个新的Promise对象，以便处理下一个异步操作。这样就形成了一个Promise链，每个Promise对象的状态都会依次传递给下一个Promise对象。
然而，需要注意的是，在Promise链中，如果我们在then()方法中没有返回一个新的Promise对象，而是直接返回一个值或者不返回任何内容，那么下一个then()方法将会立即执行，而不会等待前一个Promise对象的解析。这就意味着在这种情况下，后续的then()方法可能会在前一个Promise对象的解析之前执行。
这种行为可以在某些情况下带来一些问题，特别是当我们依赖前一个Promise对象的解析结果来执行后续操作时。为了解决这个问题，我们可以在前一个then()方法中返回一个新的Promise对象，以确保后续的操作会等待前一个Promise对象的解析。
总结起来，JavaScript Promise在next Then()之前不等待解析，但我们可以通过返回一个新的Promise对象来确保后续操作等待前一个Promise对象的解析。这样可以更好地控制异步操作的执行顺序和结果处理。
参考链接：
相关·内容
以下是原生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承诺的同时，我注意到了一件奇怪的事情:如果要返回一个新的承诺，在对一个时间语句的回调中，这样的语句似乎传递到下一个“那么”，而不是这个新的承诺，而是后者的结果被解决了！举个例子：
new Promise(resolve => { resolve() })
.then(() => {
return new Promise(resolve => {
setTimeout(() => {
resolve(1);
}, 1000);
})
})
.then(x => {
浏览 2提问于2021-01-02得票数 1
回答已采纳
2回答
我正在使用Chrome中的ES6 javascript承诺，并且很难理解为什么在函数_getStatus()中执行的承诺没有在成功处理程序中返回结果参数，这将导致包含“已完成”的警告框。相反，我得到一个提示框，上面写着“未定义”。
myNameSpace = function(){
var obj = {
groupA: {
status: "inactive"
},
groupB: {
status: "active"
}
}
浏览 3提问于2015-04-11得票数 2
回答已采纳
1回答
我希望是这样的：
fetch('https://response.democratsabroad.org/photos/?tag=alex')
.then(res=>res.json())
.then(res=>console.log(res))
返回json对象。取而代之的是，它返回一个未决的承诺。
Promise {[[PromiseStatus]]: "pending", [[PromiseValue]]: undefined}
为什么它会传递未解析的promise而不是已解析的值？
浏览 3提问于2017-08-18得票数 0
回答已采纳
2回答
这个问题可能不是一个实际的问题，尽管我仍然很好奇这里发生了什么：
const r = Promise.resolve('I resolved')
.then(() => {
console.log('*****then*****')
console.log( r )
console.log('*****then*****')
})
setTimeout(() => {
console.log('*****setTimeout*****')
console.log( r )
浏览 0提问于2020-06-10得票数 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
1回答
Introduction
我在JavaScript中创建了一个类型化的承诺实现，借鉴了这篇文章的JavaScript实现思想，由福布斯·林赛( Forbes )编写。
为了允许“异步性”，我的实现将回调(Promise.Callback)发布到主线程(Looper.getMainLooper())的消息队列。我不知道合适的术语，但在这种情况下，异步性指的是：
new Promise<>(new Promise.Executor<Integer>() {
@Override
public void execute(Promise.Action<Int
浏览 0提问于2020-05-11得票数 3
回答已采纳
我正在尝试创建一个承诺数组，然后用Promise.all()来解析它们。我用的是got，它还承诺。
我的代码工作，但我不完全明白如何。下面是：
const got = require('got');
const url = 'myUrl';
const params = ['param1', 'param2', 'param3'];
let promiseArray = [];
for (param of params) {
promiseArray.push(got(url + param));
}
浏览 4提问于2017-12-03得票数 16
回答已采纳
我有一个抽象的概念： 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
回答已采纳
我正在尝试理解JavaScript中的promise对象。这里我有一小段代码。我在promise对象的两侧有一个promise对象和两个console.log()。我以为它会打印出来
hi
那里!
zami
但它是打印出来的
hi
zami
There!
为什么会这样呢？我对promise的工作原理一无所知，但我了解JavaScript中异步回调的工作原理。有没有人能对这个话题有所启发？
console.log('hi');
var myPromise = new Promise(function (resolve, reject) {
if (true) {
浏览 66提问于2016-09-13得票数 25
回答已采纳
这是我返回Promise的代码的一部分，我使用getBoundingClientRect异步，因为它在AMP虚拟DOM (amp脚本)中运行： JS： button.addEventListener("mouseenter", function(event){
let target = event.target;
let coords = target.getBoundingClientRectAsync();
console.log(coords);
}); 控制台日志： Promise
浏览 61提问于2021-05-07得票数 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
我在Javascript中有以下功能：
// fetches the username based on the user ID
const fetchUsername = async (userId) => {
const response = await axios({ ... });
return {
userId,
username: response.data.username
}
};
// fetches the online status based on the user ID
const fetchOnli
浏览 5提问于2020-07-23得票数 2
回答已采纳
在处理承诺的情况下，我很难理解for...of与.forEach()有何不同。
使用这个片段：
const allSettled = async arr => {
const data = []
for (const promise of arr) {
try {
const result = await promise;
data.push(result);
} catch (e) {
data.push(e)
}
}
return
浏览 5提问于2021-02-25得票数 4
回答已采纳
1回答
我正在尝试将Json对象的集合写入一个数组，同时在Node JS中循环执行一个fetch操作。我确定这个问题与异步操作有关，但不知道如何解决它。
这是我的代码：
for (const car of carFilter) {
const carJson = fetch(modelUrl + car, settings)
.then(res => res.json())
.then((json.data.trim));
carData.push(carJson);
}
console.lo
浏览 16提问于2021-02-25得票数 0
回答已采纳
1回答
我是JS的新手，我正在学习承诺，以及它们是如何在JS中使用的，我想问一些问题。首先，如果您查看下面的代码：
var makeRequest = function (url, method) {
// Create the XHR request
var request = new XMLHttpRequest();
// Return it as a Promise
return new Promise(function (resolve, reject) {
// Setup our listener to process compele
浏览 1提问于2019-07-24得票数 1
回答已采纳
1回答
我想用Promise.all返回一个promises列表，但结果总是空的。 这是我的理论代码： function myFunction() {
const pSqlLines = sql.openDatabase().then(mdb => {
const query = `SELECT data FROM database`
return mdb.prepare(query).all()
})
const globalPromise = new Promise( resolve => {
c
浏览 9提问于2021-02-02得票数 0
回答已采纳
我对异步javascript编程比较陌生。在使用d3库中的d3.scv函数时，我遇到了一个问题，在异步函数作用域中等待来自d3.csv的promise的结果时，我可以直接访问已解析的值，但当我返回此已解析的值时，我会得到一个挂起的promise。
代码
async function generateCountryData(){
let csvData = await d3.csv("./data/data.csv", (d) => {
return {
"id"
浏览 1提问于2021-11-11得票数 0
1回答
我有一个Firebase云函数，每天股市开盘时触发一次。似乎在运行的时候会产生20%的错误。
错误提示：“错误:函数崩溃超出了请求作用域，函数调用被中断。”
export async function cleanIntraweek() {
console.log(`cleanIntraweek() started`)
const min_date_key = moment().tz("America/New_York").subtract(7, 'day').format()
console.log(`min_date_key: ${min_da
浏览 3提问于2019-07-20得票数 0
3回答
我正在尝试迭代一个数组，该数组是我在angular.forEach()中通过多个http调用构造的
函数
$scope.ticket_stats = function(){
//cleaning variables
$scope.data_set = [];
$scope.closed_tickets = [];
//fetching time stamps (epoch)
$scope.time_frame = time_period.days(7);
//calling data using time stamps
浏览 0提问于2015-04-02得票数 7
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
