【JS】promise 对象使用

 

function test1(){
  var p = new Promise(function(resolve, reject){
    //做一些异步操作
    setTimeout(function(){
        console.log('第一个Promise执行完成');
        resolve('第一个Promise传来的值');
    }, 2000);
    });  
  return p;
}

test1().then(function(val){
    console.log('进入第一个then');
    console.log(val);
      setTimeout(function(){
        console.log('第一个then执行完成');
    }, 2000);  
    return '第二个Promise传来的值';
    
}).then(function(val){
    console.log('进入第二个then');
    console.log(val);
})

 打印结果如下：

可以看出，第一个then中的resolve还未执行完，就进入了第二个then中，没有进行等待，是因为第一个then中返回的是一个字符串，而不是Promise对象，返回的值会传递到下一个then的resolve方法参数中。

总结

以上就是ES6 Promise的基本概念和用法，Promise还是非常赞的，如果你还在使用回调模式，我强烈建议你切换到 Promise，这样你的代码会变的更少，更优雅，并且更加容易理解，这样就不会等你开发完后，被那些读你代码的人在背后偷偷骂你。本文我自己理解结合网上的一些资料，希望你看完之后对你有帮助，有不足之处欢迎指正，谢谢~