JavaScript学习笔记015-Promise0Async0try catch
JavaScript学习笔记015-Promise0Async0try catch
Mr. 柳上原
发布于 2018-09-05 15:22:42
发布于 2018-09-05 15:22:42
Author：Mr.柳上原
- 付出不亚于任何的努力
- 愿我们所有的努力，都不会被生活辜负
- 不忘初心，方得始终
总是鼓励别人乐观
自己却有些悲观
。。。。。。
<!DOCTYPE html> <!-- 文档类型：标准html文档 -->
<html lang='en'> <!-- html根标签 翻译文字：英文 -->
<head> <!-- 网页头部 -->
<meat charset='UTF-8'/> <!-- 网页字符编码 -->
<meat name='Keywords' content='关键词1,关键词2'/>
<meat name='Description' content='网站说明'/>
<meat name='Author' content='作者'/>
<title>前端59期学员作业</title> <!-- 网页标题 -->
<link rel='stylesheet' type='text/css' href='css/css1.css'/> <!-- 外链样式表 -->
<style type='text/css'> /*内部样式表*/
</style>
</head>
<body> <!-- 网页主干：可视化区域 -->
<script>
/*
try catch：
错误捕获
try语句允许我们定义在执行时进行错误测试的代码块
catch 语句允许我们定义当 try 代码块发生错误时，所执行的代码块
finally 语句在 try 和 catch 之后无论有无异常都会执行
catch 和 finally 语句都是可选的
catch 块会捕捉到 try 块中的错误，并执行代码来处理它
throw语句抛出一个错误
*/
// try catch的使用
function myFunction() {
let x;
try {
if(a == "") throw "is Empty";
if(isNaN(x)) throw "not a number";
if(x > 10) throw "too high";
if(x < 5) throw "too low";
} catch(err) {
console.log(err);
}
}
/*
promise：承诺，用于解决异步编程
状态：进行中，成功，失败
全封闭模式：一旦启动了一个promise，外部再也无法改变它内部的状态
关注点：成功（resolve），失败（reject）
当程序有大量计算时，会消耗大量系统资源，所以会使用异步编程的方式（回调函数）来组织代码
event.addListener("end", function(res){} );
*/
// promise的使用
new Promise((resolve, reject) => {
setTimeout(() => {
try {
console.log(123); // 事件结束
resolve(`成功：${123}`);
} catch (error){
reject(`失败：${error}`);
}
}, 200)
// then是Promise原型上的方法，会返回一个全新的promise方法，下一个then接受成功还是失败事件，取决于上一个then的return的值是成功还是失败
}).then((res) => { // 成功回调
if (res){
setTimeout(() => {
console.log(res);
}, 200)
}
return res; // 返回数据给下一个then
}, (rej) => { // 失败回调
console.log(rej);
}).then((res) => {
console.log(res);
return new Promise((resolve, reject) => reject("失败");
}).catch(error => { // catch专门用来接受promise的失败状态
console.log(error);
})
let p1 = new Promise(() => {});
let p2 = new Promise(() => {});
let p3 = new Promise(() => {});
// all方法
let p = Promise.all([p1, p2, p3]) // 当所有集合里p都成功时才成功
// race方法
let p = Promise.race([p1, p2, p3]) // 当最先得出值的集合里p的状态就是p的状态
// reject方法
let p = Promise.reject("失败") // 立即返回失败的状态
// resolve方法
let p = Promise.resolve("成功") // 立即返回成功的状态
/*
async：generator函数的语法糖
语法糖：给计算机语言添加新功能，对开发者更加亲切甜蜜易读的语法
*/
// async使用方法
async function fn( ){
let res = await new Promise((resolve) => {
setTimeout(() => {
console.log("异步成功");
resolve("返回成功值")
}, 100)
})
console.log(res);
}
fn( );
</script>
</body>
</html>本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2018.08.21 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读