#ES6之Promise
要好好写代码才行
初来乍到,多多关照。
展开
-
async/await
通过这一章的学习,我们已经了解了Promise是如何解决异步回调地狱问题的,接下来我们来 扩展一个新的知识——async和await一、什么是async/await?async/await 是基于Promise实现的。async/await 使得异步代码看起来像同步代码。以前的方法有回调函数和Promise, async/await是写异步代码的新方法。二、async/await语法async函数返回一个Promise对象,可以使用then 方法添加回调函数。当函数执行的时候,一旦遇原创 2021-08-11 12:56:41 · 924 阅读 · 0 评论 -
Promise图片的异步加载(练习)
我们来实现一个图片的加载;设置第一张图片加载1s之后加载第二张图片:<!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, initia原创 2021-08-07 17:05:38 · 250 阅读 · 0 评论 -
Promise实现异步加载图片
<!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>Pr.原创 2021-08-07 13:52:39 · 455 阅读 · 0 评论 -
Promise构造函数的方法2
Promise.all()1.有什么用:Promise.all()关注多个Promise对象的状态变化。传入多个Promise实例,包装成新的Promise实例返回。2.Promise.all()的基本用法:const p = Promise.all([p1,p2]);p.then()接收p1、p2的return,放入一个数组中。3.Promise.all()返回的Promise的状态变化与所有传入的Promise实例对象状态有关。所有状态都变成resolved,最终的状态才原创 2021-08-07 01:45:51 · 123 阅读 · 0 评论 -
Promise构造函数的方法1:Promise.resolve()和Promsie.reject()
1.promise.resolve()它是成功状态的Promsie的一种简写方式。参数传递:(以下重点掌握一般参数的传递):1)一般参数和参数为空的情况下,直接返回一个resolved状态的Promise对象;2)如果参数是Promise的实例,将不做任何修改、原封不动地返回这个实例;3)如果参数是具有then方法的对象,Promise.resolve()会将这个对象转为Promise对象,并立即执行这个对象的then方法。ps: 重视返回的Promise的状态对其后者执行的函数的影原创 2021-08-06 11:04:53 · 2975 阅读 · 0 评论 -
JavaScript - Promise的catch()方法,知识扩展finally方法
catch简介catch方法的作用:很多情况我们只需传promise的成功态(resolved)下调用的then方法的第一个处理函数,所以为了更好的语义化,我们使用then方法专门处理resolved态,使用catch方法专门处理rejected态。catch方法的本质:catch的本质是then方法的特例,即:then(null,err => {}); 不处理成功态,只处理失败态。catch的基本用法Promise的错误不会消失,直到被捕获为止:new Promis原创 2021-08-05 21:17:42 · 1396 阅读 · 0 评论 -
JavaScript - ES6之Promise(then方法详解)
Promise的出现Promise是异步操作的一种解决方案,有时候我们使用回调函数异步操作时会层层嵌套,不利于我们修改需求。Promise一般用来解决层层嵌套的回调函数(回调地狱 callback hell)的问题。Promise的基本用法第一步:实例化Promise构造函数const p = new Promise((resolve,reject)=>{}) //Promise解决的不是回调函数,而是回调地狱.resolve和reject是函数,调用它们可以改变Promise的状原创 2021-08-05 11:17:57 · 8416 阅读 · 0 评论 -
js之Promise 解决 回调地狱(callback hell)详解
<!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>Do.原创 2021-08-05 15:28:03 · 303 阅读 · 0 评论