Promise5
2018-06-21 本文已影响1人
郭的妻
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
// 它可以和then的第二个参数一样，用来指定reject的回调
// 当执行resolve的回调（也就是上面then中的第一个参数）时，
// 如果抛出异常，那么也不会报错卡死。而是会继续往下执行
// 还可以添加多个catch ，实现更加精准的异常捕获
// 开始做饭
function cook() {
console.log("开始做饭");
let p= new Promise((resolve,reject) =>{
setTimeout(()=>{
console.log("做饭完毕");
resolve("鸡蛋炒饭");
},1000)
});
return p;
}
// 开始吃饭
function eat(data) {
console.log("开始吃饭"+data);
let p=new Promise(resolve => {
setTimeout(()=>{
console.log(data+",吃完了");
resolve("一双筷子一个碗")
},2000);
});
return p;
}
// 开始刷碗
// function wash(data) {
// console.log('开始刷碗：' + data);
// let p = new Promise(resolve => {
// setTimeout(() => {
// console.log(data + '，刷完了');
// resolve('干净的碗筷！');
// }, 2000);
// });
// return p;
// };
cook()
.then((data)=>{
throw new Error("蛋炒饭被打翻了");
eat(data);
})
.catch((err)=>{
console.log(err);
})
</script>
</body>
</html>
