码迷,mamicode.com
首页 > 其他好文 > 详细

promise 练习

时间:2020-06-27 11:36:47      阅读:55      评论:0      收藏:0      [点我收藏+]

标签:settime   mis   time   fill   code   span   事件   方法   rom   

宏队列(dom事件,ajax,定时器)和微队列(promise);微队列先于宏队列执行。

 

setTimeout(() => {
  console.log(1);

}, 0);
new Promise(resolve => {
  console.log(2);
  resolve() //resolve()函数执行了才会触发then里面的回调函数,不执行resolve()then回调函数不会执行的

}).then(() => {
  console.log(3);

}).then(() => { console.log(4) })
console.log(5);

 

const first = () => new Promise((resolve, reject) => {
  console.log(3);
  const p = new Promise((resolve, reject) => {
    console.log(7);
    setTimeout(() => {
      console.log(5);
      resolve(6) //p的状态已经是fulfilled,不会再执行resolve()函数

    }, 0);
    resolve(1)
  })
  resolve(2)
  p.then(console.log) //then()是同步执行,把then()里面方法放入微队列中

})
first().then(console.log)
console.log(4);

 

promise 练习

标签:settime   mis   time   fill   code   span   事件   方法   rom   

原文地址:https://www.cnblogs.com/xiaoliziaaa/p/13197591.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!