美文网首页
javascript同步与异步

javascript同步与异步

作者: 来了啊小老弟 | 来源:发表于2020-04-17 17:26 被阅读0次

先来看一段代码,输出顺序是什么呢?

  setTimeout(function(){
    console.log('set1')
    new Promise(function(resolve){
      resolve();
    }).then(function(){
      new Promise(function(resolve){
        resolve()
      }).then(function(){
        console.log('then4')
      });
      console.log('then2')
    })
  })
  new Promise(function(resolve){
    console.log('pr1');
    resolve();
  }).then(function(){
    console.log('then1')
  })
  setTimeout(function(){
    console.log('set2');
  })
  console.log(2)

答案如下:


微信截图_20200417171024.png 微信截图_20200417171133.png

先执行同步代码,当检测到有异步代码时,放到异步队列里等待执行。执行完同步代码时,去看异步队列里是否有需要执行的代码段,先执行里面的微任务,再执行里面的宏任务。两者区分如下:


微信截图_20200417171255.png

相关文章

  • JavaScript本来就很简单(运行机制)

    JavaScript同步与异步 在JavaScript中同步与异步是非常重要的两个概念,首先在这儿做一个总体概述,...

  • JavaScript异步编程

    目录 JavaScript采用单线程模式工作的原因 单线程的优势和弊端 同步模式与异步模式同步模式异步模式同步模式...

  • javascript同步与异步

    先来看一段代码,输出顺序是什么呢? 答案如下: 先执行同步代码,当检测到有异步代码时,放到异步队列里等待执行。执行...

  • AJAX-全集

    同步+异步 Ajax同步+异步 JavaScript之(AJAX) JQuery之(AJAX) JQuery-有f...

  • js的事件循环

    javascript是一个单线程语言,javascript分为同步机制及异步机制,其中同步机制是放在栈中,而异步机...

  • ajax json

    一、ajax: async javascript and xml 异步的javascript和xml技术 二、同步...

  • UNIX 的5种IO模型介绍

    IO模型同步、异步、阻塞、非阻塞socket阻塞与非阻塞,同步与异步 同步和异步 同步/异步主要针对C端-同步就像...

  • JavaScript 之 异步与同步

    异步:不等结果,直接进行下一步。 同步:等到结果,再进行下一步。 以上就是异步与同步的简单概念,简洁,但似乎也不是...

  • javascript 同步异步

    javascript的同步异步和现实生活是相反的。 同步 代码的执行是有顺序的,必须要等前面的执行完成,后面的代码...

  • js的同步与异步

    js的同步与异步(setInteral和setTimeout) 1.javascript引擎是单线程的--Java...

网友评论

      本文标题:javascript同步与异步

      本文链接:https://www.haomeiwen.com/subject/czmyvhtx.html