关于Promise， 这次基本给搞明白了

最新推荐文章于 2023-06-02 20:05:52 发布
最新推荐文章于 2023-06-02 20:05:52 发布
阅读量95 收藏
点赞数
文章标签： nodejs js html5 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wafer_biscuit/article/details/117995149
版权

DAY1基础部分

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div class="a">123121312123</div>
    <script>
        let a1 = 123;
        {
            console.log(123);
        }
        const a2 = [1, 2, 3, 4];
        a2[1] = 'QAQ';
        console.log(a2);
        let a3 = `qwe/nqwe`
        console.log(a3);
        function a4() {
            console.log(this);
        }
        a4()

        const d1 = document.querySelector(".a");
        d1.addEventListener("click", function () {
            console.log(this);
        })
        function a5({ name, sex, age = 19 }) {
            console.log(name, age, sex);
        }
        a5({ name: 'Ellie', sex: 'woman' })

        let s1=Symbol('Ellie');
        console.log(s1, typeof s1);
        let s2={
            [Symbol('say')](){
                console.log('也~');
            }
        }
        console.log(s2);
        // s2[say]();
        // s2[Symbol.say]()
        function * gen(){
            console.log(111);
            yield '分割1，把代码分割开'
            console.log(222);
            console.log(333);
            let one = yield ('22')
            console.log(one);
            yield 333
        }
        let g1=gen();
        // g1.next()
        console.log(g1.next())
        console.log(g1.next());
        console.log(g1.next('QAQ'));
    </script>
</body>

</html>

2-简单promise对象创建

const fs = require('fs')

//单纯node.js readfile 函数实现

// fs.readFile('./note.txt',(err,data)=>{
//     if(err) throw err
//     // console.log(data);//默认为 buffer 数据
//     console.log(data.toString());
// })

const p =new Promise(function(resolve,reject){
    fs.readFile('./note.txt',(err,data)=>{
        if(err) reject(err)
        resolve(data)//异步操作
    })
})

p.then(function(value){
    console.log(value.toString());
},function(reason){
    console.error(reason);
})

// 这下懂了!!!!

3-利用promise实现一次读取多个文件并返回值

const fs = require('fs');

//单纯node.js readfile 函数实现
//回调地狱!!!!!!
// 1-data容易重名
// 2-太难修改且不好读

// fs.readFile('./note.txt',(err,data1)=>{
//     if(err) throw err;
//     fs.readFile('./note2.txt',(err,data2)=>{
//         if (err) throw err;
//         fs.readFile('./note3.txt',(err,data3)=>{
//             if (err) throw err;
//             let result = data1 + data2 + data3;
//             console.log(result);
//         })
//     })
// })


// 使用promise实现

const p = new Promise((resolve, reject) => {
    fs.readFile('./note.txt', (err, data) => {
        if (err) reject(err);
        resolve(data)
    })
})

p.then((value) => {
    return new Promise((resolve, reject) => {
        fs.readFile('./note2.txt', (err, data) => {
            if (err) reject(err);
            resolve([value, data])
        })
    })
}).then((value) => {
    return new Promise((resolve, reject) => {
        fs.readFile('./note3.txt', (err, data) => {
            if (err) reject(err);
            //压入
            value.push(data);
            resolve(value)
        })
    })
}).then((value)=>{
    console.log(value.toString());
})
my威化饼干
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Promises A+规范原文解读 + es6实现（附详细注释）
weixin_33774615的博客
03-01 334
英文官方文档原文：https://promisesaplus.com/ 前言 写本文的目的，是为了更好的理解promise，通过解读翻译原文，逐行解析原文通过代码一行一行实现。希望通过这篇文章，让我们能对promise有更深入的了解。 首先介绍promises是什么，英文的字面意思是“承诺”的意思，接下来promises翻译我没有用承诺...
Promise详细版
a_xia_o的博客
08-08 1619
/2.设置点击事件//3.创建ajax实例化对象//console.log('ajax实例化对象刚刚被创建出来：'，xhr.readState)//4.打开请求//console.log('ajax已经打开了请求'，xhr.readState)//5.发送请求(send方法中发送的是请求体数据，只不过get请求是没有请求体的，而post请求有请求体)xhr.send()//6.客户端接收服务端中响应回来的结果数据// 2:已经完成了请求的发送。
前端进阶之PromiseA+规范
halations的博客
12-26 746
PromiseA+规范文档 术语 promise 是一个有then方法的对象或者是函数，行为遵循本规范 thenable 是一个有then方法的对象或者是函数 value 是promise状态成功时的值，也就是resolve的参数, 包括各种数据类型, 也包括undefined/thenable或者是 promise reason 是promise状态失败时的值, 也就是reject的参数, 表示拒绝的原因 exception 是一个使用throw抛出的异常值 规范 Promise Stat.
Promise 实现原理
泥猴桃的博客
02-21 6513
前言 这篇文章主要是探究 Promise 的实现原理，对于使用方法，这里不做过多概述，如果还有对 Promise 使用方式不太了解的，可以先看 阮一峰老师的 Promise 教程 Promise 是什么,为什么会出现 Promise？ 抽象表达： Promise 是一门新的技术（ES6规范） Promise 是js 中进行异步变成的新解决方案,在没有 Promise 之前，旧方案是单纯使用回调函数 具体表达： 从语法上来说： promise 是一个构造函数 从功能上来说：promise 对象用来封
Promise的使用
hzg_hou的博客
06-02 1529
语法固定 try…catch try 尝试的意思 catch 捕获1. try catch捕获到错误之后, 后续代码可以继续执行2. catch 可以将错误信息捕获到. error参数是一个错误对象, 有message(错误信息)和stack（错误跟踪，精准到行和列）两个属性,使用console.dir(error)打印输出查看3. 抛出错误之后, 在 try 里面的报错的后续代码就不再执行。
ES6关于Promise的用法详解
12-03
Promise是ES6引入的一种解决异步编程问题的新机制，它为复杂的异步操作提供了一种更加优雅的处理方式，从而避免了回调地狱的问题。在Node.js环境中，由于大量的异步操作，如I/O操作、数据库查询等，回调函数的嵌套会...
es6中Promise 对象基本功能与用法实例分析
10-15
另外，Promise.all()方法用于并发执行多个Promise，当所有Promise都完成时返回一个新的Promise，而Promise.race()方法则是当第一个Promise完成或失败时返回结果。 总之，Promise对象在ES6中为异步编程提供了强大的...
ES6 Promise对象的含义和基本用法分析
12-03
本文实例讲述了ES6 Promise对象的含义和基本用法。分享给大家供大家参考，具体如下： 1.Promise的含义 Promise是异步编程的一种解决方案，比传统的解决方案（回调函数和事件）更合理更强大。 所谓Promise，简单说...
关于Promise 异步编程的实例讲解
01-19
实例如下所示： //1.解决异步回调问题 //1.1 如何同步异步请求 //如果几个异步操作之间并没有前后顺序之分,但需要等多个异步操作都完成后才能执行后续的任务，无法实现并行节约时间 const fs = require('fs');...
promise 拙见
aidu0177的博客
03-12 474
一，promise是什么？ promise 是最早由社区提出和实现是一种解决异步编程的方案，比其他传统的解决方案（回调函数和事件）更合理和强大。 ES6 将其写进了语言标准，统一了用法，原生提供了 promise 对象。 ES6 规定，promise对象是一个构造函数，用来生成 promise 实例。 二，promise是为解决什么问题而产生的？ promise是为解决异步处理...
promisebuffer:缓冲 JS 流到 Promises
05-31
Promise 流缓冲区 用于将流式内容缓冲为 Promise 值的实用程序。 应用程序接口 buffer(stream) 给定一个stream返回一个Promise ，一旦它被完全写入（发出end事件），它将用 Stream 的 Buffered 内容解析。 例子： var buffer = require ( 'promisebuffer' ) ; buffer ( require ( 'fs' ) . createReadStream ( 'myfile' ) ) . then ( function ( buffer ) { console . log ( buffer . toString ( ) ) ; } ) . catch ( function ( error ) { console . error ( error . message ) ; } ) ; buff
es6 Promise.resolve()方法
热门推荐
歪脖先生的博客
01-27 6万+
Promise.resolve()方法 有时需要将现有对象转为 Promise 对象，Promise.resolve方法就起到这个作用。 const jsPromise = Promise.resolve($.ajax('/whatever.json')); 上面代码将 jQuery 生成的deferred对象，转为一个新的 Promise 对象。 Promise.resolv
Promise从入门到精通 （第1章 Promise的介绍和基本使用）
cjhxydream的博客
07-26 502
Promise从入门到精通 （第一章 Promise的介绍和基本使用）
Promise的使用详解
酒客的博客
12-23 1502
Promise内容详解–知识点整理 异步任务的处理 ​ 在ES6出来之后，有很多关于Promise的讲解、文章，也有很多经典的书籍讲解Promise。虽然等你学会Promise之后，会觉得Promise不过如此，但是在初次接触的时候都会觉得这个东西不好理解； 那么这里我从一个实际的例子来作为切入点： 我们调用一个函数，这个函数中发送网络请求（我们可以用定时器来模拟）； 如果发送网络请求成功了，那么告知调用者发送成功，并且将相关数据返回过去； 如果发送网络请求失败了，那么告知调用者发送失败，并且告知错误信息
Promise概念和常用api
......
02-18 8274
1、概念:Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。 通俗讲，Promise 是一个许诺、承诺,是对未来事情的承诺，承诺不一定能完成，但是无论是否能完成都会有一个结果。 Pending  正在做。。。 Resolved 完成这个承
看完这几道 JavaScript 面试题，让你与考官对答如流（下）
新技术革命
04-15 757
52. 展开运算符和Rest运算符有什么区别？ 53. 什么是默认参数？ 54. 什么是包装对象（wrapper object）？ 55. 隐式和显式转换有什么区别？ 56. 什么是NaN？ 以及如何检查值是否为 NaN？ 57. 如何判断值是否为数组？ 58. 如何在不使用%模运算符的情况下检查一个数字是否是偶数？ 59. 如何检查对象中是否存在某个属性？ 60. AJAX 是什...
es6中Promise的理解以及使用
qq_35430000的博客
01-24 2181
转载：https://www.zcfy.cc/article/javascript-promises-for-dummies-scotch-1961.html 理解 Promise Promise 简介: "假设你是一个宝宝. 你的妈妈承诺（Promise）你，下个礼拜她会给你一台新手机。" 你不知道，下个礼拜你是否会拿到手机。你的妈妈可以真的给你买一个全新的手机，或者放你鸽子，也有可能如...
获取异步请求返回promise中的数据
Amber8080的博客
11-19 9547
为什么 我们都知道，在项目中，由于JS 的单线程机制（可了解微任务、宏任务）异步请求的数据是无法立即使用的，ES6提供的promise机制可以很好的解决这个问题。那么如何使用promise来获取异步请求返回的数据呢，以下。 1. 单个promise对象——.then获取 function f(){ return new Promise((resolve, reject) => { //调用resolve函数返回数据data resolve(data)； }); } p = foo(
nodejs stream & buffer 互相转换
weixin_34150830的博客
07-22 3453
stream 转 buffer function streamToBuffer(stream) { return new Promise((resolve, reject) => { let buffers = []; stream.on('error', reject); stream.on('data', (data) => buffers.push...
promise的基本方法
最新发布
05-30
Promise 的基本方法包括三种状态（Pending、Fulfilled 和 Rejected）和两个方法（then 和 catch）。当一个 Promise 对象被创建时，它的初始状态是 Pending（进行中），当 Promise 被执行并成功时，它的状态会变为 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值