美文网首页
JS之异步和单线程

JS之异步和单线程

作者: 码字仓颉 | 来源:发表于2017-12-29 00:18 被阅读0次

问题

1、同步和异步的区别?分别举例

2、setTimeout相关

3、前端中使用异步的场景

知识点

异步和同步

  • 同步会阻塞,异步不会
  • setTiemout是异步,alert是同步
//异步
consle.log("1");
setTimeout(function(){
    console.log("2");
})
console.log("3");
执行结果: 1、3、2

//同步
consle.log("1");
alert("2"); //等待点击确定后面才执行,阻塞
console.log("3");
  • 异步场景:
    • 定时任务:setTimeout、setInterval
    • 网络请求:ajax请求、动态<img>加载
    • 事件绑定
      console.log("start");
      var img = document.creatElement('img');
      img.onload = function(){
          console.log("loaded");
      }
      img.src = "/xxx.png";
      console.log("end");
      

相关文章

  • js的单线程和异步

    js的单线程和异步 js是一直是单线程的,浏览器才是实现异步的那个家伙

  • JS执行机制

    首先我们来看几个问题: 1.JS是单线程的么?2.JS有异步么?3.JS单线程怎么实现的的异步 1.JS是单线程的...

  • Promise入门详解和基本用法

    异步调用 异步 JavaScript的执行环境是单线程。 所谓单线程,是指JS引擎中负责解释和执行JavaScri...

  • javascript单线程,异步与执行机制

    js的单线程模型与游览器的进程/线程息息相关,在了解js单线程与异步的时候,建议先看看这篇文章 单线程/异步 js...

  • JavaScript的单线程和异步

    来源:js的单线程和异步 作者:wudipmd 前言 说到JavaScript的单线程(single thread...

  • JS之异步和单线程

    问题 1、同步和异步的区别?分别举例 2、setTimeout相关 3、前端中使用异步的场景 知识点 异步和同步 ...

  • JS相关问题记录汇总

    JS异步 JS为单线程 ,而异步的概念则为JS独有 , 某些用户角度来讲不需要等待的事情单线程就会导致任务排队 ,...

  • JS异步方案

    JS异步方案 单线程和event-loop callback jquery的deferred promise as...

  • js异步

    单线程和异步 js是单线程的同时只能做一件事,需要异步绕过阻塞 应用场景 ajax、定时任务 eventL...

  • 异步的那些事(一)

    单线程,event-loop,异步,promise,async await 这些名词在js中经常被提及。然而他们之...

网友评论

      本文标题:JS之异步和单线程

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