浅谈promise用法

Promise本意是承诺,在程序中的意思就是承诺我过一段时间后会给你一个结果。什么时候会用到过一段时间?答案是异步操作,异步是指可能比较长时间才有结果的才做,例如网络请求,读取本地文件等

1.Promise的三种状态
  • Pending Promise对象实例创建时候的初始状态
  • Fulfilled可以理解为成功的状态
  • 拒绝可以理解为失败的状态

然后方法就是用来指定Promise对象的状态改变时确定执行的操作,
解决时执行第一个函数(onFulfilled),
拒绝时执行第二个函数(onRejected)

2.promise的基本用法
const fs = require('fs');
let promise = new Promise((resolve, reject) => {
    fs.readFile(__dirname+'/100.txt', 'utf8', function (err, data) {
        if (err) return reject(err); //失败时执行reject
        resolve(data);//成功时执行resolve
    })
});
promise.then((res) => {
    console.log(res)
},(err)=>{
    console.log(err)
})
//也可以用catch统一捕获错误
promise.then((res) => {
    console.log(res)
})
.catch(err=>{
    console.log(err)
})
3.promise链式调用解决回调地狱
  • 如果我们要在打开的1.txt之后再打开2.txt,以前的做法是这样的
function read(_url,cb){
    fs.readFile(__dirname+_url, 'utf8', function (err, data) {
        if (err) return
        cb&&cb(data)
    })
}
read('/1.txt',function(data){
    console.log(data)
    read('/2.txt',function(data){
        console.log(data)
    })
})
  • 改成承诺的形式
function read(_url){
    return new Promise((resolve,reject)=>{
        fs.readFile(__dirname+_url, 'utf8', function (err, data) {
            if (err) return reject(err)
            resolve(data)
        })
    })
}
read('/1.txt')
.then(res=>{
    console.log(res)
    return read('/2.txt')//此处要再次返回一个promise对象
})
.then(res=>{
    console.log(res)
})
.catch(err=>{
    console.log(err)
})

当第一个再中返回一个承诺,会将返回的承诺的结果,传递到下一个再中。这就是比较著名的链式调用了。

4.利用Promise.all方法将多个异步请求的结果在统一汇总
Promise.all([read('/1.txt'),read('/2.txt')])
.then(([res1,res2])=>{
    console.log(res1,res2)
})
5.promise.race赛跑,获得两个请求先返回的那个
Promise.race([read('/1.txt'),read('/2.txt')])
.then(res=>{
    console.log(res)
})
Promise是一种异步编程的解决方案,它可以避免回调地狱,使得异步操作更加清晰和易于维护。Promise有三种状态:pending(进行)、fulfilled(已成功)和rejected(已失败)。当Promise处于pending状态时,可以转换为fulfilled或rejected状态,一旦转换为其一种状态,就不可再转换为其他状态。 Promise的基本用法如下: ```javascript const promise = new Promise((resolve, reject) => { // 异步操作 if (/* 异步操作成功 */) { resolve(value); // 将Promise状态设置为fulfilled,并将异步操作的结果传递给回调函数 } else { reject(error); // 将Promise状态设置为rejected,并将错误信息传递给回调函数 } }); promise.then((value) => { // 异步操作成功时的回调函数 }, (error) => { // 异步操作失败时的回调函数 }); ``` 另外,Promise还提供了一些静态方法,如Promise.resolve和Promise.reject,可以方便地创建已经处于fulfilled或rejected状态的Promise对象,以及Promise.all和Promise.race等方法,可以处理多个Promise对象的状态。 下面是一个使用Promise的例子,通过异步加载图片并在加载完成后显示图片: ```javascript function loadImageAsync(url) { return new Promise((resolve, reject) => { const img = new Image(); img.onload = function() { resolve(img); }; img.onerror = function() { reject(new Error('Could not load image at ' + url)); }; img.src = url; }); } loadImageAsync('https://example.com/image.jpg') .then((img) => { document.body.appendChild(img); }) .catch((error) => { console.error(error); }); ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值