Promise入门到精通

最新推荐文章于 2023-03-13 20:43:30 发布
VIP文章 最新推荐文章于 2023-03-13 20:43:30 发布
阅读量893 收藏 1
点赞数
文章标签： javascript ajax 前端 promise axios
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_63533863/article/details/124740265
版权

目录

1.1 Promise 是什么？

1.1.1 理解

1.2 为什么要用Promise？

1.2.1 指定回调函数的方式更加灵活

1.2.2 支持链式调用，可以用来解决回调地狱问题

1.3 Promise初体验

1.3.1 promise 基本格式

1.3.2 传参

 1.4 Promise实践练习-fs读取文件

 1.5 AJAX请求操作封装

1.6 封装一个函数mineReadFile 读取文件内容

 1.7 util.promisify 方法进行promise风格转化

 1.8 Promise封装AJAX请求

2.1 promise的状态

2.2 promise对象的值

2.3 如何使用Promise？

2.3.1 API

2.4 Promise的几个关键问题

3.1 手写Promise

4.1 async和await

4.1.1 async 函数

4.1.2 await表达式

4.1.3 注意

 4.1.4 实践1

4.1.5实践2 发送ajax请求

1.1 Promise 是什么？

1.1.1 理解

1.抽象表达

1）promise是一门新的技术（ES6规范）

2）Promise是JS钟进行异步编程的新的解决方案（旧的：callback）

异步编程：

fs文件操作，数据库操作，AJAX，定时器

2.具体表达：

1）从语法上来说：Promise是一个构造函数

2）从功能上来说：Promise对象用来封装一个异步操作并可以获取成功/失败的结果值

1.2 为什么要用Promise？

1.2.1 指定回调函数的方式更加灵活

promise：启动异步任务=》返回对象=》给promise对象绑定回调函数（甚至可以在异步任务结束后指定/多个）

最低0.47元/天 解锁文章
一只829
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ES6从入门到精通
06-19
本课程4小时带你快速运用ES6的核心用法，其中包括：let和const命令、箭头函数、解构、扩展的对象和数组、Symbol/Set/Map新数据类型、强大的迭代器和生成器、Promise和async解决异步操作、class类的使用以及ES6的模块...
ReactV 15.5.0 从入门到精通第二章 React语法基础Promi
11-06
ReactV 15.5.0 从入门到精通第二章 React语法基础Promise实例
（基础）Promise类方法resolve()
次顶级的博客
12-16 1万+
把一个普通对象转为成功的Promise对象
ES6 Promise的resolved深入理解
weixin_45697314的博客
07-01 3636
Promise的概念在ES6标准推出来之前已经深入人心，很多框架和第三方库都有类似的实现。但在深入理解ES6的Promise对象的时候，受之前经验的影响，很多概念给人似是而非的感觉，其中有一个特别明显的地方就是ES6中对Promise对象状态的定义以及resolved概念。 Promise的状态 Promise对象有三个状态：pending，fulfilled，rejected，MDN文档上对Promise对象状态变化过程用一幅图描述： 图中有几个小细节： 图中的fulfill和reject.
彻底掌握 Promise
猫老板的豆
06-15 1894
一、Promise 出现的原因 在 Promise 出现以前，我们处理一个异步网络请求，大概是这样： // 请求 代表 一个异步网络调用。 // 请求结果 代表网络请求的响应。 请求1(function(请求结果1){ 处理请求结果1 }) 看起来还不错。 但是，需求变化了，我们需要根据第一个网络请求的结果，再去执行第二个网络请求，代码大概如下： 请求1(function(请求结果1){ 请求2(function(请求结果2){ 处理请求结果2 }) }) 看起来
Promise构造函数的Promise.resolve()方法
陈开心的博客
11-09 6459
Promise.resolve(value)方法返回一个由 给定的value 决议的Promise对象。 如果value的值为promise，返回这个promise； 如果value的值是thenable(即，带有then方法的对象)，返回的Promise对象的最终状态由then方法执行决定； 否则的话(即value为 空，基本类型或者不带then方法的对象),返回的Promise对象状态为ful...
彻底掌握 Promise - 原生 Promise.resolve 的实现(五)
记得抬头微笑
04-18 1660
目录前言一、resolve 的使用方法语法参数返回值示例1： 普通类型的调用示例1：执行结果示例2： 传入一个 Promise 对象示例2：执行结果二、实现原理三、具体实现总结 前言 在 [\[ 彻底掌握 Promise - 原生 Promise.all 的实现(四)\]](https://blog.csdn.net/qq_40146638/article/details/123813571) 中我们已经实现了 Promise 的 all 方法，下面这篇文章，主要讲述 Promise.resolve 方法
java安卓仿微信聊天软件源码-web:网络
06-04
精通JavaScript开发 重新介绍 JavaScript（JS 教程） 麻省理工学院公开课：计算机科学及编程导论 JavaScript中的this陷阱的最全收集--没有之一 JS函数式编程指南 JavaScript Promise迷你书（中文版） 腾讯移动Web...
java安卓仿微信聊天软件源码-book:书
06-04
精通JavaScript开发 重新介绍 JavaScript（JS 教程） 麻省理工学院公开课：计算机科学及编程导论 JavaScript中的this陷阱的最全收集--没有之一 JS函数式编程指南 JavaScript Promise迷你书（中文版） 腾讯移动Web...
java安卓仿微信聊天软件源码-xkDMW.github.mybookMarks:xkDMW.github.mybookMarks
06-04
精通JavaScript开发 重新介绍 JavaScript（JS 教程） 麻省理工学院公开课：计算机科学及编程导论 JavaScript中的this陷阱的最全收集--没有之一 JS函数式编程指南 JavaScript Promise迷你书（中文版） 腾讯移动Web...
java安卓仿微信聊天软件源码-Front-end-stack:需要学习的前端知识
06-04
精通JavaScript开发 重新介绍 JavaScript（JS 教程） 麻省理工学院公开课：计算机科学及编程导论 JavaScript中的this陷阱的最全收集--没有之一 JS函数式编程指南 JavaScript Promise迷你书（中文版） 腾讯移动Web...
java安卓仿微信聊天软件源码-front_material:front_material
06-04
精通JavaScript开发 重新介绍 JavaScript（JS 教程） 麻省理工学院公开课：计算机科学及编程导论 JavaScript中的this陷阱的最全收集--没有之一 JS函数式编程指南 JavaScript Promise迷你书（中文版） 腾讯移动Web...
java安卓仿微信聊天软件源码-tanchao:个人前端笔记
06-04
精通JavaScript开发 重新介绍 JavaScript（JS 教程） 麻省理工学院公开课：计算机科学及编程导论 JavaScript中的this陷阱的最全收集--没有之一 JS函数式编程指南 JavaScript Promise迷你书（中文版） 腾讯移动Web...
亚信java笔试题-tutorial:最全的资源教程-前端涉及的所有知识体系
06-03
精通JavaScript开发 重新介绍 JavaScript（JS 教程） 麻省理工学院公开课：计算机科学及编程导论 JavaScript中的this陷阱的最全收集--没有之一 JS函数式编程指南 JavaScript Promise迷你书（中文版） 腾讯移动Web...
java版五子棋源码-webstudy:我的第一个网络学习日志，内容html,js,php,css,
06-05
精通JavaScript开发| 重新介绍 JavaScript（JS 教程）| 麻省理工学院公开课：计算机科学及编程导论| JavaScript中的this陷阱的最全收集--没有之一| JS函数式编程指南| JavaScript Promise迷你书（中文版）| 腾讯移动...
promise.resolve
风华绝代的博客
05-02 1967
console.log("test") let p1 = Promise.resolve(Promise.resolve("thenanlbe")); p1.then(function(value) { console.log(value); }) Promise.resolve(232).then(()=>{ console.log("3") }).then(()=>{ console.log("4") }).then(()=>{ console.log.
Promise面试题汇总
公众号：前端充电宝
08-24 4万+
Promise回顾 Promise基础 Promise的catch、then、finally Promise的all和race Async、await 其他题目
手写promise原理系列六：封装Promise.resolve方法，Promise.resolve的用法
ThisEqualThis的博客
03-13 1085
在前面几篇文章中，我们封装了 Promise 构造函数、原型对象方法 then 以及 catch ，相信大家是有所收获的，接下来的篇章我们去探寻一下 Promise 构造函数的静态方法：resolve、reject、all以及race方法。Promise.resolve 方法接受一个参数，可以是 promise 对象，也可以是非 promise 对象的任意值。下一章节探讨一下和 Promise.resolve 相对应的 api：Promise.reject 方法的使用以及封装。
Promise的resolve方法和reject方法
热门推荐
LQ55
07-29 5万+
Promise的resolve方法和reject方法 Promise.resolve方法返回一个promise的实例 Promise.resolve('foo');//等价于如下 new Promise((resolve)=>{ resolve('foo'); }) 根据参数不同，分为一下几种情况 （1）参数是一个Promise的实例 如果参数是一个Promise的实例...
promise入门案例
最新发布
03-14
好的，以下是一个简单的 Promise 入门案例： ```javascript function asyncFunction() { return new Promise(function(resolve, reject) { setTimeout(function() { resolve('Async Function Completed'); }, 2000); }); } asyncFunction().then(function(result) { console.log(result); }).catch(function(error) { console.log(error); }); ``` 这个案例中，我们定义了一个异步函数 `asyncFunction()`，它返回一个 Promise 对象。在 Promise 的构造函数中，我们使用 `setTimeout()` 模拟了一个异步操作，并在操作完成后调用 `resolve()` 方法，将异步操作的结果传递给 Promise。在调用 `asyncFunction()` 后，我们使用 `then()` 方法来处理 Promise 的成功状态，并在控制台输出异步操作的结果。如果 Promise 处于失败状态，我们使用 `catch()` 方法来处理错误。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值