Promise测试 | JShare

//----------------- 官方 实例 -----------------
// var p1 = Promise.resolve(3);	//直接给resolve一个值
// var p2 = 1337;	//这是直接赋值
// var p3 = new Promise((resolve, reject) => {
//     setTimeout(resolve, 100,'foo');
// }); 
// Promise.all([p1, p2, p3]).then(values => { 
//     console.log(values); // [3, 1337, "foo"] 
// });	//这个第三个参数是前面函数的参数 也就是  resolve('foo');
//----------------- resolve 实例 -----------------
// function runAsync(){
//     var p = new Promise(function(resolve, reject){
//         //做一些异步操作
//         setTimeout(function(){
//             console.log('执行完成');
//             //执行成功后 执行这个回调
//             resolve('随便什么数据');
//             //reject是失败
//         }, 2000);
//     });
//     return p;            
// }
// runAsync().then(function(data){
//     console.log(data+'-------');
//     //后面可以用传过来的数据做些其他操作
//     //......
// });
//----------------- 不用放入函数 实例 -----------------
// var p = new Promise(function(resolve, reject){
//     //做一些异步操作
//     setTimeout(function(){
//         console.log('执行完成');
//         //执行成功后 执行这个回调
//         resolve('随便什么数据');
//         //reject是失败
//     }, 2000);
// });
// p.then(function(data){
//     console.log(data+'-------');
// });
//----------------- rejected 实例 -----------------
// function getNumber(){
//     var p = new Promise(function(resolve, reject){
//         //做一些异步操作
//         setTimeout(function(){
//             var num = Math.ceil(Math.random()*10); //生成1-10的随机数
//             if(num<=5){
//                 resolve(num);
//             }
//             else{
//                 reject('数字太大了');
//             }
//         }, 2000);
//     });
//     return p;            
// }
// getNumber()
//     .then(
//     function(data){
//         console.log('resolved');
//         console.log(data);
//     }, 
//     function(reason, data){
//         console.log('rejected');
//         console.log(reason);
//     }
// );
//----------------- Promise.catch() 实例 -----------------
// getNumber()
//     .then(function(data){
//     console.log('resolved');
//     console.log(data);
//     console.log(somedata); //此处的somedata未定义
// })
//     .catch(function(reason){
//     console.log('rejected');
//     console.log(reason);
// });
//----------------- Promise.all() 实例 -----------------
function runAsync1(){
    var p = new Promise(function(resolve, reject){
        //做一些异步操作
        setTimeout(function(){
            console.log('第一个执行完成');
            //执行成功后 执行这个回调
            resolve('第一个随便什么数据');
            //reject是失败
        }, 2000);
    });
    return p;            
}
function runAsync2(){
    var p = new Promise(function(resolve, reject){
        //做一些异步操作
        setTimeout(function(){
            console.log('第二个执行完成');
            //执行成功后 执行这个回调
            resolve('第二个随便什么数据');
            //reject是失败
        }, 1000);
    });
    return p;            
}
function runAsync3(){
    var p = new Promise(function(resolve, reject){
        //做一些异步操作
        setTimeout(function(){
            console.log('第三个执行完成');
            //执行成功后 执行这个回调
            resolve('第三个随便什么数据');
            //reject是失败
        }, 2000);
    });
    return p;            
}
// Promise
//     .all([runAsync1(), runAsync2(), runAsync3()])
//     .then(function(results){
//     console.log(results);
// });
//----------------- Promise.race() 实例 -----------------
Promise
    .race([runAsync1(), runAsync2(), runAsync3()])
    .then(function(results){
    console.log(results);
});
//----------------- Promise.race() 可以想到的用法 -----------------
//请求某个图片资源
function requestImg(){
    var p = new Promise(function(resolve, reject){
        var img = new Image();
        img.onload = function(){
            resolve(img);
        }
        img.src = 'xxxxxx';
    });
    return p;
}
//延时函数，用于给请求计时
function timeout(){
    var p = new Promise(function(resolve, reject){
        setTimeout(function(){
            reject('图片请求超时');
        }, 5000);
    });
    return p;
}
Promise
    .race([requestImg(), timeout()])
    .then(function(results){
    console.log(results);
})
    .catch(function(reason){
    console.log(reason);
});

{"doctype":0,"resouces":null,"options":"{\"editor\":{\"saveLayout\":false,\"saveFold\":false,\"autoFormat\":true},\"hcode\":{\"layoutId\":0}}","meta":""}

Promise测试 | JShare

模板（查看所有模板）