简介

new Promise(function(resolve,reject){});

状态

pending: 初始状态，成功或失败状态。
fulfilled: 意味着操作成功完成。对应resolve
rejected: 意味着操作失败。对应reject

resolve:使用resolve 状态变为fulfilled会调用第一个函数

var p = new Promise(function (resolve, reject) {var timer = setTimeout(function () {console.log('执行操作1');resolve('这是数据1');}, 1000);});
p.then(function (data) {console.log(data);console.log('这是成功操作');
});//执行操作1
//VM36:8 这是数据1
//VM36:9 这是成功操作

reject:使用reject 会调用第二个的then

var p = new Promise(function (resolve, reject) {reject('这是数据2');
});p.then(function(data){//状态为fulfilled时执行console.log(data);console.log('这是成功操作');},function(reason){ //状态为rejected时执行console.log(reason);console.log('这是失败的操作');
});//这是数据2
//VM42:10 这是失败的操作

catch：catch与reject一样

var p = new Promise(function (resolve, reject) {reject('这是数据2');});
p.then(function(data){console.log(data);console.log('这是成功操作');
}).catch(function(reason){console.log(reason);console.log('这是失败的操作');
});//VM48:8 这是数据2
//VM48:9 这是失败的操作

目的：解决回调地狱

普通写法

setTimeout(function () {console.log('我');setTimeout(function () {console.log('爱');setTimeout(function () {console.log('米');setTimeout(function () {console.log('饭');}, 1000);}, 1000);}, 1000);
}, 1000);
//3
//VM54:2 我
//VM54:4 爱
//VM54:6 米
//VM54:8 饭

promise写法

function getStr1() {return new Promise(function (resolve, reject) {setTimeout(function () {resolve('我');}, 1000);});
}
function getStr2() {return new Promise(function (resolve, reject) {setTimeout(function () {resolve('爱');}, 1000);});
}
function getStr3() {return new Promise(function (resolve, reject) {setTimeout(function () {resolve('米');}, 1000);});
}
function getStr4() {return new Promise(function (resolve, reject) {setTimeout(function () {resolve('饭');}, 1000);});
}
getStr1().then(function (data) {console.log(data);return getStr2();
}).then(function (data) {console.log(data);return getStr3();
}).then(function (data) {console.log(data);return getStr4();
}).then(function (data) {console.log(data);
})
//Promise {<pending>}
//VM59:30 我
//VM59:33 爱
//VM59:36 米
//VM59:39 饭

promise存在的意义分析resolve reject catch相关推荐

promise异步请求串行异步then并行异步all竞争异步race 传递参数resolve(then)reject(catch)
1.印象古人云:"君子一诺千金",这种"承诺将来会执行"的对象在JavaScript中称为Promise对象. Promise就是解决多个异步请求的问题 Pr ...
Promise初步详解（resolve，reject，catch
Promise其实是一个构造函数,它有resolve,reject,race等静态方法;它的原型(prototype)上有then,catch方法,因此只要作为Promise的实例,都可以共享并调用P ...
前端js进阶之ES6 Promise(承诺)用法小结笔记、详细解释（resolve，catch，catch）历史最通俗易懂的承诺
什么是Promise? 英文翻译:承诺! js里: Promise 是异步编程的一种解决方案,其实是一个构造函数,自己身上有all.reject.resolve这几个方法,原型上有then.catch ...
Promise的真正意义--不只为回调地狱
前言前两天在吃饭时,同事忽然抛出一个问题,Promise 的真正意义是啥? 对话场景如下: 他:Promise 的意义是啥? 我:为解决回调地狱,增强了代码可读性,改善了代码结构他:这是大家都知道 ...
Typescript实现Promise,[then|catch|finally|resolve|reject|race|all|any]
[node.js] Promise中，resolve, reject 之后需不需要 return？
答案是,需要. 为了阻止后面的代码被执行,应当加上 return,或者直接使用: return resolve(...) 详细解释:https://stackoverflow.com/a/325360 ...
Promise为什么同时触发了then和catch
请求成功了,调用了then方法,按道理就不会调用catch方法,所以如果Promise同时调用了then和catch方法,那就是then方法里面出现了错误: 情景来源是,项目是二期开发,上线后把一期数 ...
bfs+dfs分析----poj 3278 Catch That Cow
题目详情 Catch That Cow Time Limit: 2000MS Memory Limit: 65536K Total Submissions: 115430 Accepted: ...
浅谈校园能耗监测管理平台应用意义分析-Susie 周
1.引言随着近年来经济快速发展,对于电力资源的需求也持续扩大,不可避免地出现了能源紧缺.环境污染等问题,节能减排也就成了国家建设的重中之重.因此为提高能源管理水平,带头节能减排,全国各大高校依据国家 ...

promise存在的意义分析resolve reject catch

简介

状态

resolve:使用resolve 状态变为fulfilled会调用第一个函数

reject:使用reject 会调用第二个的then

catch：catch与reject一样

目的：解决回调地狱

promise存在的意义分析resolve reject catch相关推荐

最新文章

热门文章