promise之简单认识

最新推荐文章于 2024-07-17 17:08:47 发布
最新推荐文章于 2024-07-17 17:08:47 发布
阅读量138 收藏
点赞数 1
分类专栏： ES6 前端 文章标签： promise
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39299249/article/details/103282099
版权
前端 同时被 2 个专栏收录
58 篇文章 0 订阅
订阅专栏
ES6
3 篇文章 0 订阅
订阅专栏

promise之简单认识

Promise 简单来说，就是用同步一样的方式来书写代码

在这里插入图片描述
在这里插入图片描述
在比较新版本的 jquery（比如版本3以上的）中其实内部就封装了promise

在这里插入图片描述
在这里插入图片描述

用ajax读取多个文件，读取成功就会调用then里的回调函数，通过参数results接收成功读取的结果，通过解构赋值从results中取出 读取这三个文件得到的结果，失败则执行第二个函数

在这里插入图片描述

加油，你是最棒的
关注
专栏目录
轻松上手promise原理(2)：then的简单实现
猪小帅的博客
06-28 1491
在上一篇文章中，我们对于promise有了初步的认识，我们了解到promise是new出来的对象，有三个对应pedding，fulfilled，rejected的状态，在初始化时，拥有status和value和初始化参数executor，executor需要传入resolve和reject函数作为参数。、 在本节我们继续来探索promise的原理，在了解基本的promse构造后，我们来对then方法进一步介绍，我们知道then是用来处理resolve和reject函数的回调。那么首先我们来定义then方法.
JS之初步认识promise
weixin_53350466的博客
01-27 252
promise的产生 回调地狱，又称恶魔金字塔，指的是回调函数层层嵌套的写法。这种写法往往让人难以理解，而且令代码不美观，所以称之为回调地狱 举一个简单的例子： fn(function() { console.log("第一个函数"); fn(function() { console.log("第二个函数"); fn(function() { conso
JavaScript---Promise(简单认识)
qq_45666837的博客
11-10 448
Promise 是一个 ECMAScript 6 提供的类, 目的是更加优雅地书写复杂的异步任务. Promise 对象有以下两个特点: 1. 对象的状态不受外界影响, Promise 对象代表一个异步操作，有三种状态： pending: 初始状态, 不是成功或失败状态 fulfilled: 意味着操作成功完成 rejected: 意味着操作失败 只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态. 2. 一旦状态改变，就不会再变, 任何时候都可以得到这个结果. Promise
关于Promise的简单了解
龚建华的博客
02-03 252
1.什么是Promise 简单的说“Promise对象用于表示一个异步操作的最终状态（完成或者失败）以及其返回的值” 关于异步与同步，简单地说可以以同步任务会阻塞程序执行（alter、for、.......），而异步任务不会阻塞程序执行（setTimeout 、fs.readFile 、......） 2.首先我们比较传统的回调方式与promise 预备知识点： then()方法...
promise的初步认识
weixin_46301474的博客
02-24 166
从语法上说，Promise是一个对象，从它可以获取异步操作的消息。Promise提供统一的API，各种异步操作都可以用同样的方法进行处理。简单的说就是一个容器，里边保存着某个未来才会结束的事件（通常是一个异步操作）。ES6规定，Promise对象是一个构造函数，用来生成Promise实例。 var promise = new Promise(function(resolve, reject) { ...
带你认识和理解Promise
happyqyt的专栏
07-24 485
文章目录Promise是什么？有什么用？Promise 基本用法Promise 的一些特性我的Promisethencatch_resolve_rejectPromise 的精髓Promise的其它方法 Promise是什么？ promise，承诺的意思。意思就是，JS执行线程 承诺 在将来的某个时刻执行某一块代码。 也就是说，你可以把一段将来才需要执行的代码，通过promise，把它放进异步任务队列中，在将来的某个时刻执行。So，promise就是用来写Javascript异步代码的。 有什么用？ 这就要
ES6 Promise初步认识
yzdfmy的博客
11-19 211
简单易懂的Promise初识
认识ES6-Promise对象
最新发布
qq_62519639的博客
07-17 709
如果成功,则执行 resolve () 函数,Promise对象状态变为fulfilled--已兑现,这时调用 .then（回调函数) 来执行异步任务成功的操作.如果失败,则执行 reject () 函数Promise对象状态变为rejected--已拒绝,这时调用 .catch（回调函数) 来执行异步任务成功的操作.一个Promise对象一旦被创建出来就处于pending状态（待定），一旦执行异步任务，并且肯定会返回一个状态（即成功或失败）
谈谈对于Promise简单的理解
weixin_60146725的博客
01-07 1788
在这里简单的说一下我对promise浅显的理解： promise是ES6提出的 称之为 “回调地狱的超级英雄” 什么是回调地狱呢？ 这就是一个很典型的回调地狱 这样的代码 逻辑性比较强 而且易读性不高 牵一发而动全身 如果有一次执行错误下面的回调就不会再继续执行..... 举例子说明一下： 在平常工作时调接口数据 (当然这只是我举的一些例子 仅此而已 各位后端大佬们才不会写这么折磨人的接口的........) 我们在调接口拿数据时下一个接口的调用需要依赖上一次接口返回的信息 就好比...
Promise的简单介绍
weixin_34319111的博客
12-14 170
首先，阅读一下这两篇文章。 异步-阮一峰 promise MDN 通过上面两篇文章简单了解了Promise后，再来思考一下 why promise？ 假设我们有一个需求，执行一个ajax请求，当请求成功后，再次执行一个ajax请求，代码实现可以这样写（以jquery为例） $.get(url1,function(data){ console.log('第一个ajax执行成功') ...
Promise的神奇之处
efew212efe的博客
05-05 240
前端重点之Promise 一、promise 的认识 1.js的单线程 1）javascript的执行环境是单线程的 2）单线程：指JS引擎中负责解释和执行JavaScript代码的线程只有一个，也就是一次只能完成一项任务，这个任务执行完后才能执行下一个，它会「阻塞」其他任务，这个任务可称为主线程，但是实际上还有其他线程，如事件触发线程、ajax请求线程等 2.同步与异步 1）同步模式：也就是单线程模式，一次只能执行一个任务，函数调用后需等到函数执行结束，返回执行的结果，才能进行下一个任务，如果这个任务.
【JS】Promise的完全基础入门教学
a1611107035的博客
11-05 450
Promise的出现把JavaScript的异步函数的功能大大提升，并且解决了回调地狱的问题。本文将从promise的核心出发，仔细分析promise对于一个新手来说的意义和用法。
Promise的深入理解
killbee365的博客
07-01 431
一、promise 的认识 1.js的单线程 1）javascript的执行环境是单线程的 2）单线程：指JS引擎中负责解释和执行JavaScript代码的线程只有一个，也就是一次只能完成一项任务，这个任务执行完后才能执行下一个，它会「阻塞」其他任务，这个任务可称为主线程，但是实际上还有其他线程，如事件触发线程、ajax请求线程等 2.同步与异步 1）同步模式：也就是单线程模式，一次只能执行一个任务，函数调用后需等到函数执行结束，返回执行的结果，才能进行下一个任务，如果这个任务执行的时间较长，就会导致线程阻
手写Promise - 实现一个基础的Promise
willemwei023的博客
07-11 920
前端开发中经常会用到Promise，不过有部分人并不清楚Promise的原理，本文也是本人在学习Promise时对Promis的一些认识，希望能对各位童鞋有所帮助。 手写Promise - 实现一个基础的Promise 手写Promise - 实例方法catch、finally 手写Promise - 常用静态方法all、any、resolve、reject、race 从认识Promise开始。。。 /* 模拟一个简单的异步行为 */ function fetchData() { return new P
Math中的常用方法和toFixed()保留小数
weixin_39299249的博客
12-07 5669
Math.ceil() ——> 向上取整 如: Math.ceil(5.6)=6 Math.ceil(0.45)=1 Math.ceil(-3.14)=-3 Math.floor() ——> 向下取整(效果同于parselnt()取整) 如: Math.floor(5.6)=5 Math.floor(0.45)=0 Math.floor(-3.14)=-4 Math.round(...
JavaScript的三种引入（使用）方式
weixin_39299249的博客
12-02 4005
1.行内式（不推荐使用 2. 内嵌式jS代码 3. 外链式JS代码(推荐) 1）外链式js代码只要引入了html页面，就会在页面打开的时候直接触发 2）新建一个.js后缀的文件,在文件内泻js代码,把写好的js文件引入html页面 如下：分别在head、body、html内引入同级目录下的 index.js、ceshi.js、test.js三个文件——由于通常弓|擎是按着从上往下的顺序来解析网页...
JavaScript发展历史(JS)
weixin_39299249的博客
12-02 1635
JavaScript发展历史(JS) 1.1994年， 网景公司(Netscape)发布了Navigator浏览器0.9版，这是世界上第一款比较成熟的网络浏览器，轰动一时。但是这是一款名副其实的浏览器——只能浏览页面，浏览器无法与用户互动，当时解决这个问题有两个办法，一个是采用现有的语言,允许许它们直接嵌入网页。另一个是发明一种全新的语言。 liveScript ==> javaScript...
z-index的使用
weixin_39299249的博客
11-07 1567
z-index 属性使用 在CSS中，要想调整重叠定位元素的堆叠顺序，可以对定位元素应用z-index层叠等级属性，其取值可为正整数、负整数和0。 比如: z-index: 2; . font-weight: 700 注意: 1.z-index的默认属性值是0，取值越大，定位元素在层叠元素中越居上。 2.如果取值相同，则根据书写顺序，后来居上。 3.后面数字一定不能加单位。 4.只有相对定位，绝对...
伪元素选择符
weixin_39299249的博客
11-07 1558
伪元素选择符
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值