Promise的使用
Promise是ES6引入异步编程的新解决方案,语法上Promise是一个构造函数,用来封装异步操作并可以获取其成功失败的结果,避免循环嵌套。
- Promise 构造函数:Promise(excutor){}
- Promise.prototype.then 方法
- Promise.prototype.catch方法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
//实例化Promise对象
const promise = new Promise(function(resolve,reject){
setTimeout(function(){
let data = "select data from data"
//若无异常,调用resolve回调函数进行返回数据
//resolve(data)
//若有异常,则调用reject回调函数进行异常抛出
reject("error")
},1000)
})
//调用paomise内置then方法,可以获取正常和异常的回调信息
promise.then(function(data){
console.log(data);
},function(reason){
console.log(reason);
})
//也可以调用catch方法,来获取异常信息
promise.catch(function(data){
console.log(data);
})
</script>
</body>
</html>