es6 Promise

Promise 解决回调地狱的问题。

我们在使用jq的ajax时，必须一步一步进行函数嵌套。Promise的出现使回调嵌套更加优雅了，也更加方便。

通俗易懂的来说，它相当于是打怪，得先把第一个boss打通关，下一个任务才会进行。

备注：.catch 是错误时执行的，也就是说，返回的是reject状态

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body></body>
<script>
var sdata = 1
function sp1(resolve,reject){setTimeout(()=>{if(sdata==1){resolve({mgs:'登录成功'})}else{reject({mgs:'登录失败'})}},2000)
}function sp2(resolve,reject){setTimeout(()=>{if(sdata==1){resolve('开始获取用户信息')}else{reject('获取信息失败')}},2000)
}var sp3 = (resolve,reject)=>{setTimeout(()=>{sdata =0 if(sdata==1){resolve('填充到页面')}else{reject('填充失败')}},2000)
}new Promise(sp1).then((val)=>{console.log(val)return new Promise(sp2)
}).then((val)=>{console.log(val)return new Promise(sp3)
}).then((val)=>{console.log(val)return val
}).catch(err=>{console.log(err)
})</script>
</html>

转载于:https://www.cnblogs.com/chengxiang123/p/9438031.html

es6 Promise相关推荐

十分钟快速了解 ES6 Promise
转载自十分钟快速了解 ES6 Promise 什么是Promise Promise最早由社区提出并实现,典型的一些库有Q,when, bluebird等:它们的出现是为了更好地解决JavaScrip ...
解读ES6 Promise
详解ES6 Promise异步文章目录详解ES6 Promise异步前言一.Promise是什么呢... 二.resolve 三.reject 四.then() & catch() 五 ...
流程控制： jQ Deferred 与 ES6 Promise 使用新手向入坑！
谢谢n͛i͛g͛h͛t͛i͛r͛e͛大大指出的关于Promise中catch用的不到位的错误,贴上大大推荐的文章Promise中的菜鸟和高阶错误,文章很详细说明了一些Promise使用中的错误和指导. ...
es6 Promise是什么?
# es6 Promise是什么? 1. Promise 是一个构造函数自带三个方法 all.resolve.reject,原型上(prototype)有then.catch等的几个常用的方法. ` ...
ES6 — Promise基础用法详解（resolve、reject、then、catch,all,）
ES6 - Promise基础用法详解 Promise 是一个构造函数,它自身拥有all.reject.resolve这几个眼熟的方法, 原型上有then.catch等同样熟悉的方法. 所以,在开始一 ...
ES6 promise 用法小结
ES6 promise 用法小结 Js 是一⻔单线程语言,早期解决异步问题,大部分是通过回调函数进行. 比如我们发送 ajax 请求,就是常见的一个异步场景,发送请求后,一段时间服务器给我们响应,然后 ...
Vue进阶（四十五）：精解 ES6 Promise 用法
文章目录一.前言二.链式操作用法三.reject 用法四.catch 用法五.all 用法六.race 用法七.总结八.拓展阅读一.前言复杂难懂概念先不讲,我们先简单粗暴地把Pro ...
ES6 Promise原理
ES6 Promise原理一.Promise是什么二.为什么会有Promise 1.回调地狱 + 异步同步事件调用顺序带来的双重伤害 2.回调事件的分离三.Promise的三种状态 1.reso ...
初探 es6 promise
javascript是单线程程序,所有代码都是单线程执行.导致javascript的网络请求都是异步执行,异步执行可以通过回调函数实现: setTimeout(callback,1000); func ...
es6 --- Promise封装读取文件操作
Promise: es6中为了解决回调地狱问题而产生的 Promise的参数 Promise的参数是一个函数. 每个Promise在实例化时,都会立即执行参数里的函数 const p = new Pr ...

es6 Promise

es6 Promise相关推荐

最新文章

热门文章