ECMAScript之Promise
2018-10-22 本文已影响0人
锋叔
学习Promise前我们先搞清楚这几个单词。
promise，resolve，reject => 承诺，解决，失败。
pending（进行中）、fulfilled（已成功）和rejected（已失败）
不是我装逼，只是为了你们别太low，自己谷歌一下这几个单词，然后好好发音，别发出扑若miss这种中不中西不西的奇怪发音。
关键词：异步编程。
随着前端语言的进化promise才诞生，现在已经统一了并且通用各大浏览器和规则。是异步编程截止18年来最好的解决方式之一。
ES6 规定，Promise对象是一个构造函数，用来生成Promise实例。
先来一个小例子，抄袭自阮一峰：
function timeout(ms){
return new Promise((resolve, reject) => {
setTimeout(resolve,ms,'done')
})
}
timeout(2000).then((value) => { console.log(value) })
// => 两秒后打印出done
大概就是我给一个承诺，什么是承诺和诺言，可不是男人说的爱你一万年，程序是老实的，人家说我答应你执行这个就一定会执行，不执行我就会被干掉。那么实际例子中呢？
实战应用
-
需求，当报销人改变我们需要做出一系列操作（异常麻烦和繁琐）
-
问题：因为异常麻烦的操作和数据需要一定执行时间，这个时候我们一个关键数据后台最少要400毫秒后才能返回，而我们的一系列操作都基于这个数据，这些操作就不干了，谁尼玛等你这么久，我们报错去了。所以我们这会儿需要做一个异步来解决这个问题，也就是必须先拿到这个数据后才能执行其他操作。
// 方法
let initData = () => {
return new Promise(){
getData().then().catch();// 请求后台获取数据
resolve();
}
}
// 改变事件调用，
initData().then(()=>{
// 执行七七八八的操作。
}).catch()
- 关于Promis自带方法
- then() // 成功;
- catch()// 失败;
- finally();// 成功和失败都会执行;
- all();race();// 多个 Promise 实例,
- reject();// 返回一个新的 Promise 实例
经典面试题：抄袭自不知名网友，想知道正确答案请留言。
- 理解promise尝试得出打印结果（想知道答案的留言问我）。
setTimeout(function() { console.log(1) }, 0);
new Promise(function executor(resolve) {
console.log(2);
for( var i=0 ; i<10000 ; i++ ) { i == 9999 && resolve(); }
console.log(3);
}).then(function() {
console.log(4);
});
console.log(5);
