关于用promise结合倒计时写一个方法

要求:5秒后,打印出传递的字符串

function dayin(pram){

 let pro = new promise(function(resolve,reject){

  setTimeout(function(){

    resolve(pram);

  },5000)

})

return pro

}

dayin('你好').then(item => {

  console.log(item);

})

关于对promise的理解

Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理且更强大,ES6原生提供了 Promise对象。

特点

  1. 对象的状态不受外界影响 (3种状态)
  2. Pending状态(进行中)
    Fulfilled状态(已成功)
    Rejected状态(已失败)

    2.一旦状态改变就不会再变 (两种状态改变:成功或失败)

    Pending -> Fulfilled
    Pending -> Rejected

用法

创建promise实例

var promise = new Promise(function(resolve, reject){
    
    if (/* 异步操作成功 */) {
        resolve(value);
    } else {
        reject(error);
    }
})
  Promise构造函数接受一个函数作为参数,该函数的两个参数分别是resolvereject。它们是两个函数,由JavaScript引擎提供,不用自己部署。
  resolve作用是将Promise对象状态由“未完成”变为“成功”,也就是Pending -> Fulfilled,在异步操作成功时调用,并将异步操作的结果作为参数传递出去;而reject函数则是将Promise对象状态由“未完成”变为“失败”,也就是Pending -> Rejected,在异步操作失败时调用,并将异步操作的结果作为参数传递出去。

then

  Promise实例生成后,可用then方法分别指定两种状态回调参数。then 方法可以接受两个回调函数作为参数:

  1. Promise对象状态改为Resolved时调用 (必选)
  2. Promise对象状态改为Rejected时调用 (可选)

Promise优缺点

  优点:解决回调,链式调用,减少嵌套;

  缺点:无法检测进行状态,新建立即执行且无法取消,内部错误无法抛出;

Promise执行顺序

举个例子:
let promise = new Promise(function(resolve, reject){
    console.log("1");
    resolve();
});
setTimeout(()=>console.log("2"), 0);
promise.then(() => console.log("3"));
console.log("4");
打印出来的是:1-4-3-2,promise新建立即执行,所以先打印1,然后是4,
而2与3先输出Promise的then,
而后输出定时器任务。原因则是Promise属于JavaScript引擎内部任务,

而setTimeout则是浏览器API,而引擎内部任务优先级高于浏览器API任务,所以有此结果。


 
posted @ 2020-10-05 22:15  之鹿喵  阅读(600)  评论(0编辑  收藏  举报