**
1.Promise的all方法和rase方法的使用
**
promise.all:完成多个异步请求,当在页面中需要多多个异步请求完成后,在执行某个操作
promise.rase: 多个异步请求,只要某个成功,就可以使用某个操作
(使用node造数据模拟后台服务器接口)
<script>
//希望三张图片都加载成功后,同时展现给我们的用户
//加载图片的方法:
//封装一个函数
function getImage(src){
return new Promise((resolve,reject) =>{
//加载图片的代码
//创建一个img元素
let img = document.createElement("img");
//加载图片
img.src = src;
img.onload = () => {
resolve(img);
}
img.onerror = () => {
reject(err);
}
})
}
//三张图片成功后调用异步
//Promise.all的方法中,需要一个promise对象的数组,当数组中每个promise对象
//都进入resolve状态后,才会触发外层的promise对象,调用then方法中的成功函数
Promise.all([
getImage("http://localhost:3000/images/news.jpg"),
getImage("http://localhost:3000/images/ent.jpg"),