关于Promise那些事系列（1）

已于 2022-02-03 16:34:20 修改
阅读量791 收藏
点赞数 1
分类专栏： javascript 文章标签： javascript 前端
于 2022-02-03 16:25:12 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45814762/article/details/122752291
版权
本文探讨了JavaScript中的回调函数及其在异步编程中的应用，引出了Promise的概念，以解决回调地狱的问题。文章介绍了Promise的三种状态、创建方式及基本使用，包括resolve和reject函数的作用。最后预告了下篇将深入讲解Promise.then方法。
摘要由CSDN通过智能技术生成

上一篇写了同步和异步，也提到了回调函数，异步编程需要通过回调函数来完成。

一、回调函数

在日常项目工作中一定有需要多次异步请求到结果后在执行的代码，比如

function f1(f2){
   
            console.log(1)
        }
        function f2(f3){
   
            console
最低0.47元/天 解锁文章
小铃铛的打怪之路
关注
专栏目录
Javascript - Es6之Promise精讲系列
06-10
Promise是ES6的重要的组成部分，也是异步编程的一种解决方案，它由社区早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。而Promise的重要性也不言而喻，在面试中或实际项目中经常出现，...
JavaScript进阶之路——认识和使用Promise，重构你的Js代码
一名普通码农的菜地
03-12 3290
JavaScript进阶之路——认识和使用Promise，重构你的Js代码 阅读：399 时间：2015-07-10 09:42 分享： 0 　　一转眼，这2015年上半年就过去了，差不多一个月没有写博客了，”罪过罪过”啊。进入了七月份，也就意味着我们上半年苦逼的单身生活结束了，从此刻起，我们要打起十二分的精神，开始下半年的单身生活。大家一起加油 　　一直以来，JavaScript处理异步都是
js-Promise：手写系列手写promise，vue ..
02-21
const promises = [promise1, promise2, promise3]; Promise.all(promises) .then(values => { // 所有 Promise 成功后的处理 }) .catch(errors => { // 任意一个 Promise 失败后的处理 }); ``` ### 6. ...
深入理解Promise.all
12-09
尽管这些任务的完成顺序不同，但 Promise.all 的结果始终是 `[1, 2, 3]`，这表明结果数组的顺序与输入数组 `[asyncTask(1), asyncTask(2), asyncTask(3)]` 保持一致。 `toFixed()` 方法在实验代码中用于四舍五入...
Promise-tests:一系列测试看哪个Promise实现更快
06-14
Promise-tests项目旨在通过一系列测试比较不同Promise实现的性能，帮助开发者选择最适合他们项目的实现。 Promise的核心在于它有三种状态：pending（等待中）、fulfilled（已成功）和rejected（已失败）。这些状态...
AngularJS中的promise用法分析
10-19
$q服务提供了一系列方法来创建promise对象、解决（resolve）或拒绝（reject）这些promise。$q服务中的$q.defer()方法常用于创建一个promise实例。一旦创建了deferred对象，就可以使用deferred.resolve()和deferred....
Vue基础知识Vue.extend详解
qq_45814762的博客
07-18 2742
Vue.extend 属于 Vue 的全局 API，但是在实际业务开发中我们很少使用，因为使用extend写法比常用的Vue。components写法要繁琐一些。但是在一些独立组件开发场景中，Vue.extend + $mount 这对组合是我们需要去关注的。 学习开始之前我们先看一眼官方文档是怎么介绍的 Vue.extend(options) 我这里直接截图过来了 在vue项目中，我们有了初始化的根实例之后，页面之间都是通过router进行管理，组件也是通过import进行局部注册，相比于extend轻
JavaScript的同步与异步1
qq_45814762的博客
01-29 1112
同步和异步绝对是开发人员听起来很熟悉的亮哥词语，但是总是理解的不是很透彻，无法在开发中运用到，接下来是我的学习笔记。 1.单线程 单线程模型：JavaScript只在一个线程上运行。通俗点来说就是，JavaScript只能同时执行一个任务，其他任务都在后面排队等待被执行。 虽然，JavaScript只在一个线程上运行，但是并不代表JavaScript引擎只有一个线程。反而恰恰相反，JavaScript引擎有多个线程，单个脚本只能在一个线程上运行，也就是我们说的主线程。 JavaScript为什么使用单.
JS复习(5)——原型的修改和重写
qq_45814762的博客
08-27 1019
再讲整题之前，我们需要对原型有一定的理解 //创建一个构造函数Cat function Cat(){} //为构造函数的原型添加属性 Cat.prototype.type="cat"; Cat.prototype.eat = function () { alert('我爱吃鱼') }; //创建实例对象 var cat1 = new Cat(); cat1.eat(); //弹出'我爱吃鱼' 在每个实例对象里面都有一个[[
数组扁平化，去重，排序一套全搞定
qq_45814762的博客
10-22 693
文章目录数组扁平化1.使用数组的reduce()方法2.先转换成字符串，在通过字符串转换为数组完成3.普通递归实现4.使用扩展运算符实现总结 数组扁平化 数组扁平化，就是把多维数组变成一维数组。 arr = [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14] ] ] ], 10] newArr = [1, 2, 2, 3, 4, 5, 5, 6, 7, 8, 9, 11, 12, 12, 13, 14, 10] 比如将arr变
简单BOM总结
qq_45814762的博客
06-04 637
BOM总结BOM概述window对象常见属性两种定时器setTimeOutset BOM概述 window对象常见属性 两种定时器 setTimeOut set
关于Promise那些事系列（2）
qq_45814762的博客
02-04 629
接着说Promise~ 一、Promise基本用法 Promise实例生成之后，可以使用then方法执行resolved状态和rejected状态的返回函数，也就是上面说的操作成功和失败的结果传递出去。 promise.then(value=>{ //成功 },error=>{ //失败 }) then方法可以接收两个回调函数作为参数。第一个回调函数是Promise对象状态变为 resolved时调用，第二个回调函数是Promise对象的状态变
Vue2.0和3.0的响应式原理
qq_45814762的博客
07-19 495
vue3.0在数据的响应式上无疑做了很大的优化，性能得到大大提升。虽然vue3.0还没有正式发布，但是各大公众号已经闹得不亦说乎。 我们都知道vue2的响应式原理的实现依赖的是Object.defineProperty这个API,用它来为要实现响应式的数据设置getter和setter方法。 如果数据多时就要循环遍历。循环遍历就会降低性能。 所以vue3.0就摒弃了这个方法，改为使用ES6中的proxy来实现。而这个方法没有shim,不兼容低版本浏览器。所以vue3.0彻底摒弃了它们。 下面我就用Vue
高级js复习总结（一）
qq_45814762的博客
06-08 439
高级js复习面向对象编程面向过程编程面向对象编程面向对象的三大特征面向对象的思维特点类super关键字继承 面向对象编程 面向过程编程 众所周知，编程有两大编程思想：面向过程和面向对象。 面向过程编程：POP (Process-oriented programming) 面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的一次调用就可以。 通俗的理解就是，拿狗吃屎举例，面向过程就是吃（狗，屎），强调的是吃这个动作。 优点：性能比面向对象高，适合跟硬件联系很紧密的
js基本函数总结
qq_45814762的博客
05-31 319
js基本函数1. 函数定义2. 函数声明2.1 函数体方式2.2 函数表达式2.3 构造器方式2.4 字面量方式3. 函数提升(变量提升)3.1 什么是提升？3.2 变量提升3.3 函数提升3.3.1 案例13.3.2 案例23.3.3 案例34. 函数的调用4.1 直接调用4.2 链接调用4.3 事件中调用4.4 递归调用5. 箭头函数5.1 基本使用5.2 this的指向问题6. 函数方法6.1 toString()方法6.2 call()方法6.3 apply()方法 1. 函数定义 js函数是通过f
js复习(10)——同步、异步？区别？回调函数？
qq_45814762的博客
03-01 262
同步和异步同步异步同步和异步的区别回调函数获取异步API返回值 同步 同步任务就是排队在主线程上执行的任务，只有前一个任务执行完毕，才会执行下一个任务。 console.log('first') console.log('second') 这里打印的结果是first-second，也就是说同在主线程的任务，会从上到下依次执行，前面代码会阻塞后面的代码执行。 异步 异步任务就是不进入主线程，而是进入到任务队列里面的任务。当主线程所有任务执行完毕之后，任务队列会通知主线程请求执行任务，该任务才会进入主线
JS复习(3)——搞懂JS的防抖和节流
qq_45814762的博客
09-02 243
文章目录防抖节流使用场景 防抖就是在一定时间内，只执行最后一次 节流就是在一定时间内只执行一次 防抖 连续点击按钮，只会在500内执行最后一次点击 <body> <button>防抖按钮</button> <script> var btn = document.querySelector('button'); //防抖 btn.addEventListener('click', debounce()); functio
JS复习(7)——JS中的大难题this的指向
qq_45814762的博客
09-25 217
关于this的指向问题，记住最核心的一句话：哪个对象调用了函数，函数里面的this就指向哪个对象 this的指向分为四种： 普通函数的this指向全局对象window ss ss ss 普通函数中的this指向全局对象 console.log(this); //window //普通函数种 function fn() { console.log(this) //window } fn() //声明函数中 var f = fu
Promise入门：掌握JavaScript编程中的Promise核心概念
`Promise.prototype.then`可以链式调用，每个`.then`都会返回一个新的Promise，这样可以处理一系列的异步操作，每个操作都在前一个操作完成后执行： ```javascript doMission1() .then(result1 => doMission2...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值