js promise几种函数

JS Promise的理解

什么是Promise

Promise是一种用于处理异步操作的编程模式，它可以用来使异步代码执行更加简洁和易于理解。在JavaScript中，异步操作是一种常见的操作方式，例如网络请求、读取文件等。在传统的回调函数中，处理异步操作的代码往往会出现多层嵌套，造成代码可读性差、难以维护的问题。Promise的出现解决了这个问题，提供了一种更优雅的方式来处理异步操作。

Promise的基本用法

Promise是一个构造函数，通过new关键字来创建一个Promise实例。Promise构造函数接受一个函数作为参数，这个函数又接受两个参数：resolve和reject。resolve函数用于将Promise状态改为fulfilled，即操作成功；reject函数用于将Promise状态改为rejected，即操作失败。

const promise = new Promise((resolve, reject) => {

// 异步操作

// 操作成功时调用resolve函数

// 操作失败时调用reject函数

});

在异步操作成功的情况下，调用resolve函数并传递操作结果作为参数。在异步操作失败的情况下，调用reject函数并传递错误信息作为参数。

Promise的状态

Promise有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。初始状态为pending，当操作执行成功时，状态会转变为fulfilled，如果操作执行失败，则状态会转变为rejected。一旦状态转变，就不会再改变。

Promise的链式调用

使用Promise可以通过链式调用的方式处理多个异步操作。在每个异步操作之后，可通过.then()方法指定当操作成功时要执行的回调函数，.catch()方法指定当操作失败时要执行的回调函数。 promise

Promise有哪⼏种状态，各个状态之间是如何进⾏转换的？

⼀、什么是Promise?

1.Promise的结构：

class Promise{

constructor(exector){

function resolve(){

}

function reject(){

}

exector(resolve,reject)

}

then(){

}

}

2.Promise的三种状态：

pending、fulfilled、rejected(未决定，履⾏，拒绝)，同⼀时间只能存在⼀种状态，且状态⼀旦改变就不能再变。promise是⼀个构造函数，promise对象代表⼀项有两种可能结果

（成功或失败）的任务，它还持有多个回调，出现不同结果时分别发出相应回调。

1.初始化，状态：pending

2.当调⽤resolve(成功)，状态：pengding=>fulfilled

3.当调⽤reject(失败)，状态：pending=>rejected

const PENDING = "pending";//Promise会⼀直保持挂起状态，知道被执⾏或拒绝。

const FULFULLED = "fulfilled";

const REJECTED = "rejected";

class Promise{

constructor(exector){

let self = this;//缓存当前promise对象

self.status = PENDING;//初始状态,对promise对象调⽤state(状态)⽅法，可以查看其状态是“pending"、"resolved"、还是”rejected“

self.value = undefined;// fulfilled状态时 返回的信息

self.reason = undefined;// rejected状态时 拒绝的原因

self.onResolveCallBacks = [];// 存储resolve(成功)状态对应的onFulfilled函数

浅析Promise三兄弟：Promise.all、Promise.race、Promise。。

。

⼀、Pomise.all 的使⽤

Promise.all 可以将多个Promise实例包装成⼀个新的Promise实例。同时，成功和失败的返回值是不同的，成功的时候返回的是⼀个结

果数组，⽽失败的时候则返回最先被 reject 失败状态的值。代码⽰例如下：

let p1 = new Promise((resolve, reject) => {

resolve('成功了')

})

let p2 = new Promise((resolve, reject) => {

resolve('success')

})

let p3 = Promse.reject('失败')

Promise.all([p1, p2]).then((result) => {

console.log(result) //['成功了', 'success']

}).catch((error) => {

console.log(error)

})

Promise.all([p1,p3,p2]).then((result) => {

console.log(result)

}).catch((error) => {

console.log(error) // 失败了，打出 '失败'

})

Promse.all 在处理多个异步处理时⾮常有⽤，⽐如说⼀个页⾯上需要等两个或多个ajax的数据回来以后才正常显⽰，在此之前只显⽰loading图标。

需要特别注意的是，Promise.all 获得的成功结果的数组⾥⾯的数据顺序和Promise.all接收到的数组顺序是⼀致的，即p1的结果在前，

即便p1的结果获取的⽐p2要晚。这带来了⼀个绝⼤的好处：在前端开发请求数据的过程中，偶尔会遇到发送多个请求并根据请求顺序获取和

使⽤数据的场景，使⽤Promise.all毫⽆疑问可以解决这个问题。

JS Promise 的用法

一、介绍

JavaScript Promise 是一种用于处理异步操作的技术，它提供了一种优雅且强大的方法来处理回调地狱（callback hell）问题。Promise 可以说是 JavaScript

异步编程的核心之一，它可以使代码更加易读、可维护，并且更符合人们的思维方式。

二、Promise 的基本用法

使用 Promise 的基本流程如下：

1. 创建一个 Promise 对象，通过new Promise()来实现，Promise 构造函数接受一个参数，这个参数是一个函数，通常被称为执行器（executor）。

2. 执行器函数会立即执行，并且接收两个参数：resolve 和 reject。当异步操作成功完成时，调用 resolve 方法将结果传递给下一个 then 方法；当异步操作遇到错误时，调用 reject 方法将错误传递给下一个 catch 方法。

3. 在 Promise 对象上可以使用 then 方法来注册对异步操作成功时的处理程序，使用 catch 方法来注册对异步操作失败时的处理程序。

4. Promise 对象可以链式调用，通过 then 方法返回一个新的 Promise 对象，从而可以串联多个异步操作。

下面我们将通过一系列实例来详细介绍 Promise 的用法。

三、Promise 实例 - 简单示例

给定一个异步任务，我们需要在加载图片成功后进行一些操作。下面是使用

Promise 的简单示例：

function loadImage(url) {

return new Promise((resolve, reject) => {

const img = new Image();

img.onload = function() {

resolve(img);

}

img.onerror = function() { reject(new Error('Failed to load image'));