promise === 我爸???

2023-12-08 05:08
文章标签 promise 我爸

本文主要是介绍promise === 我爸???,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

promise到底干啥的

相信有过开发经验的小伙伴对promise都不陌生,经常在用到异步函数的地方用的到promise,今天我们用较为通俗易懂的方式来理解promise

基础知识点

关于js是单线程大家应该都有所了解,但是代码一行行执行必然会造成堵塞,因此js有异步事件,很多技术大牛写的js 事件循环都很好理解,大家不了解的可以去看看

假如有这样一个场景

你刚下完课,五点半到六点半,你妈让你在家做作业,但是这期间王阿姨让你妈去打麻将,你妈就不等你做完作业再去打,而是直接去打了,但是你妈呢,需要知道你作业做完了没,在六点半的时候,如果你没有做完,你妈就会决定,是继续打麻将,还是回来打你,因此她需要你做完作业的一个反馈来决定她接下来干啥,这样在你妈的上下文中,让你去做作业就是一个异步操作,她主要还是想打麻将

代码场景

1.我直接在vue的里面写的
首先,在method 定义一个方法,用来获取你做作业的结果是什么,这个结果有两个,结果一:你做的很棒,结果二:你作业没有做完,异步我们用延时器来模拟

在这里插入图片描述
但是这么写存在的问题是,我怎么知道你setTimeout里面做作业做的结果是啥,如果发生错误,或者信息不是我想要的呢, 而且就算利用函数的返回值
那么return该返回啥呢

2.这时候你妈派了一个情报员,你爸盯着你写作业,但是你爸并不能干扰你做作业的动作,他只是监听并检查你作业写完了没,当你执行了写作业后。他会给你妈发短信说写完了,没有就说没有写完,因此promise 在这里应该是等于你爸爸的一个作用~~~

3.上代码
promise有两个回调,一个成功的回调,一个失败的回调
在这里插入图片描述
这里是固定语法,在reslove成功的回调里面传你想要的参数,在reject里面传失败的参数

然后你妈调用的时候
在这里插入图片描述
调用函数得到一个promise对象,通过调用then可以得到一个成功的回调和一个失败的回调。参数就是在前面传过来的,我们看下结果
在这里插入图片描述
小朋友,你是否有很多???
很多小伙伴可能迫不及待想遭受一顿毒打,那么错误的回调啥时候会触发呢
别急,我们不写英语,来看看结果

在这里插入图片描述
在这里插入图片描述
当然还有这个
在这里插入图片描述

本文意在给大家理解promise在实际开发中的用途,并未涉及到一些知识点,大家有不明白的建议去自行学习,看到这里还不点赞,过分了啊~~~~~

这篇关于promise === 我爸???的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/468621

相关文章

【JavaScript】异步操作:Promise对象

文章目录 1 概述2 Promise 对象的状态3 Promise 构造函数4 Promise.prototype.then()5 then() 用法辨析6 微任务 1 概述 Promise 对象是 JavaScript 的异步操作解决方案,为异步操作提供统一接口。它起到代理作用,充当异步操作与回调函数之间的中介,使得异步操作具备同步操作的接口。 Promise 的设计思想是,

Promise的使用总结

Promise 是 JavaScript 中用于处理异步操作的一种机制。它提供了一种更清晰和更简洁的方式来处理异步代码,避免了回调地狱。以下是 Promise 的使用方法,包括创建 Promise、链式调用、错误处理、并行执行等。 1. 创建 Promise 你可以使用 new Promise 来创建一个新的 Promise 对象。Promise 构造函数接受一个执行函数,该函数有两个参数:r

Java多线程编程模式实战指南:Promise模式

文章来源: http://www.infoq.com/cn/articles/design-patterns-promise?utm_source=infoq&utm_campaign=user_page&utm_medium=link 文章代码地址: https://github.com/Viscent/JavaConcurrencyPattern/ 一、

promise.all 和 promise.allSettled

Promise.all 和 Promise.allSettled 都是用来处理多个 Promise 实例的方法,但是它们之间有几个关键的区别: Promise.all Promise.all 接受一个 Promise 的可迭代对象(如数组),并返回一个新的 Promise 实例。这个新的 Promise 实例会在所有输入的 Promise 都成功(resolved)后才成功(resolve),

Node.js 异步编程深度解析:回调函数、Promise 以及 async/await

Node.js 异步编程深度解析:回调函数、Promise 以及 async/await 目录 🔄 回调函数的基础与挑战💬 Promise 的使用与链式调用🚀 async/await 的简化与异常处理 🔄 回调函数的基础与挑战 回调函数的基本用法 回调函数是 Node.js 异步编程的基础,通过将函数作为参数传递给异步操作,可以在异步操作完成时执行特定的逻辑。回调函数的基

2024年最新版Ajax+Axios 学习【包含原理、Promise、报文、接口等...】

基础知识 AJAX概念 AJAX概念:是浏览器与服务器进行数据通信的技术。 认识URL 定义:统一资源定位符,简称网址,用于访问网络上的资源。 组成: http协议:超文本传输协议,规定浏览器和服务器之间传输数据的格式。域名:标记服务器在互联网中方位。资源位置:标记资源在服务器下的具体位置。 查询参数 定义:浏览器提供给服务器的额外信息,让服务器返回浏览器想要的数据。 语法:

Promise并发

Promise提供4个静态方法来处理并发情况 Promise.all() 在所有传入Promise都兑现时兑现,在任一Promise拒绝时拒绝。Promise.allSettle() 在所有传入Promise都敲定时兑现。Promise.any() 在任一Promise兑现时兑现,在所有Promise都拒绝时拒绝。Promise.race() 在任一Promise兑现时兑现,在任一Promise

Promise中使用reject和throw Error的异同点

在JavaScript的异步编程中,Promise 是一个非常重要的概念。它代表了异步操作的最终完成(或失败)及其结果值。在这篇文章中,我们将探讨Promise的几种状态,以及reject和throw Error的异同,最后讨论在Promise中使用reject后代码的执行情况。 1. Promise的几种状态 Promise 对象有三种状态,分别是: Pending(进行中):这是初始状态

es6系列教程 - promise常见用法详解

promise为es6引进的语言标准,为异步编程的一种解决方案; js实现异步:setTimeout promise 关于promise我在之前的文章已经应用过好几次,如[js高手之路]Node.js+jade+express+mongodb+mongoose+promise实现todolist,本文就来讲解下promise的常见用法. 为什么会有promise,他的作用是什么? pro

你所必须掌握的三种异步编程方法callbacks,listeners,promise

目录: 前言 Callbacks Listeners Promise 前言 coder都知道,javascript语言运行环境是单线程的,这意味着任何两行代码都不能同时运行。多任务同时进行时,实质上形成了一个队列,当队列中前一个事件结束时,才执行下一个事件。 如果队列中任何一个事务费时太长,则会造成浏览器假死,阻塞其他事务正常进行,影响用户体验。 js中将任务执行分为同步模式和异步模式,上面一种