2.41.3-Promise核心应用、实现.md

左手的ㄟ右手 2023-07-22 09:13 41阅读 0赞

## Promise核心应用、实现 ##

### Promise核心应用 ###

1 Promise的方法会立刻执行（同步代码）

2 Promise对象创建时候有个初始状态 等待态 pending

/* 1 Promise的方法会立刻执行 let p1 = new Promise(()=>{ console.log('promise'); }); console.log('world'); */
    const fs = require('fs');
    // 2 Promise对象创建时候有个初始状态 等待态 pending 
    // resolve,reject 两个参数尽量不要改变，是两个函数
    //resolve , reject 互斥，先调用一个，后面那个将不会被调用
    // 成功调用resolve，失败调用reject
    let promise = new Promise((resolve,reject)=>{ 
        console.log(111);
        // 异步任务
        fs.readFile('./ab.txt','utf-8',function(err,data) { 
            if (err) return reject(err);
            resolve(data);
        });
    });
    // then()实例方法 指定Promise对象状态改变时确定执行的操作
    // 两个函数分别代表成功和失败的调用
    promise.then(data=>{ 
        console.log(data);
    },err=>{ 
        console.log(err);
    });

let fs = require('fs');
    /* function read() { fs.readFile('./a.txt','utf8',function(err,data) { if(err) return console.log(err); console.log(data); fs.readFile('./b.txt','utf8',function(err,data) { if(err) return console.log(err); console.log(data); }); }); } read(); */
    function read(path) { 
        return new Promise((resolve,reject)=>{ 
            fs.readFile(path,'utf8',function(err,data) { 
                if(err) return reject(err);
                resolve(data);
            }
            );
        });
    }
    // Promise解决回掉地狱，then()链式调用
    read('./a.txt').then((data)=>{ 
        console.log(data);
        return read('./b1.txt');
        //return 10; 也会调用then成功的方法，只有当错误才调用错误方法
    }).then(data=>{ 
        console.log(data);
    },() => { 
        console.log('error');
    });
    
    /* then()实例方法 指定Promise对象状态改变时确定执行的操作 promise.then(data=>{ console.log(data); },err=>{ console.log(1); console.log(err); }); */
    /* 一个promise实例可以多次调用then当成功后依次调用 promise.then(data=>{ console.log(data); },err=>{ console.log(2); console.log(err); }); */
    /* //捕捉错误的方法二 promise.then(data => { console.log(data); }).catch((err) => { console.log(err); }); console.log(444); */

发表评论取消回复

表情：

评论列表（有 0 条评论，41人围观）

还没有评论，来说两句吧...

相关阅读

相关 Promise - （四）Promise其他方法实现

目录 Promise构造函数，Promise.prototype.then方法重写 Promise.prototype.catch方法重写 Promise.prototy

不念不忘少年蓝@/ 2023年10月01日 08:26/ 0 赞/ 107 阅读

相关 Promise - （二）Promise核心实现

目录回调地狱问题及其产生根因解决回调地狱问题：Promise的设计思路 Promise构造函数的内部细节 Promise构造函数和excutor执行器函数的关系

阳光穿透心脏的1/2处/ 2023年10月01日 08:09/ 0 赞/ 121 阅读

相关 2.41.3-Promise核心应用、实现.md

Promise核心应用、实现 Promise核心应用 1 Promise的方法会立刻执行（同步代码） 2 Promise对象创建时候有个初始状态等待态 pend

左手的ㄟ右手/ 2023年07月22日 09:13/ 0 赞/ 42 阅读

相关 Promise的应用

对于JavaScript来说，所有的代码都是单线程的，所以对于JS的一些网络操作，以及浏览器事件，都必须是异步执行的，所以说在JS中的回调函数应该说是十分的常见。如最基础的

港控/mmm°/ 2023年06月08日 05:59/ 0 赞/ 69 阅读

相关 Ajax的Promise应用

异步回调的问题 1. 之前处理异步是通过纯粹的回调函数的形式进行处理 2. 很容易进入到回调地狱中，剥夺了函数return的能力 3. 问题可以解决，但是难以读懂，

比眉伴天荒/ 2023年02月26日 02:15/ 0 赞/ 78 阅读

相关 Promise的实现

const PENDING = 'pending'; const RESOLVED = 'resolved'; const REJECT

叁歲伎倆/ 2022年11月29日 05:36/ 0 赞/ 300 阅读

相关 Promise简单实现

Promise 看了些promise的介绍，还是感觉不够深入，这个在解决异步问题上是一个很好的解决方案，所以详细看一下，顺便按照自己的思路实现一个简单的Promise。

末蓝、/ 2022年07月16日 01:18/ 0 赞/ 276 阅读

相关 promise应用一

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8">

淡淡的烟草味﹌/ 2022年05月27日 12:59/ 0 赞/ 228 阅读

相关 Promise 实现队列

实现队列有时候我们不希望所有动作一起发生，而是按照一定顺序，逐个进行。 let promise=doSomething(); promise = prom

古城微笑少年丶/ 2022年03月09日 03:35/ 0 赞/ 314 阅读

相关 promise 实现红绿灯

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <

ゞ浴缸里的玫瑰/ 2022年01月09日 04:49/ 0 赞/ 311 阅读