简单谈谈JavaScript的同步与异步

 更新时间:2015年12月31日 08:50:03   投稿:hebedich  
这篇文章主要介绍了简单谈谈JavaScript的同步与异步的相关资料,需要的朋友可以参考下

1.手绘一张图说明。

2.为什么JavaScript是单线程(这里引用阮一峰老师的话)

JavaScript的单线程,与它的用途有关。

作为浏览器脚本语言,JavaScript的主要用途是与用户互动,以及操作DOM。

这决定了它只能是单线程,否则会带来很复杂的同步问题。

比如,假定JavaScript同时有两个线程,一个线程在某个DOM节点上添加内容,另一个线程删除了这个节点,这时浏览器应该以哪个线程为准?

所以,为了避免复杂性,从一诞生,JavaScript就是单线程,这已经成了这门语言的核心特征,将来也不会改变。

为了利用多核CPU的计算能力,HTML5提出Web Worker标准,允许JavaScript脚本创建多个线程,但是子线程完全受主线程控制,且不得操作DOM。

所以,这个新标准并没有改变JavaScript单线程的本质。

传送门:JavaScript运行机制之事件循环(Event Loop)详解

3.JavaScript的异步体现在哪

如一开始的图,个人认为左边主线程就是同步,左边事件队列(消息队列)就是异步。

当然JavaScript中的异步有很多:

Ajax(XMLHttpRequest)
Image Tag,Script Tag,iframe(原理类似)
setTimeout/setInterval
CSS3 Transition/Animation
postMessage
Web Workers
Web Sockets
and more…

相关文章

  • 前端常用的js函数方法

    前端常用的js函数方法

    这篇文章主要给大家分享的是常用的js函数的方法,告别搜索引擎的帮助,提高你的开发效率,,需要的朋友可以参考一下,希望对你的学习有所帮助
    2021-12-12
  • 详解小程序横屏方案对比

    详解小程序横屏方案对比

    这篇文章主要介绍了小程序横屏方案对比,实现横屏的方案也有多种,但是每种方案都有一定的缺陷,恰巧最近也在横屏方案上踩了不少坑,本文就一起来介绍一下吧
    2020-06-06
  • JavaScript WebGL 图片透明处理的方式

    JavaScript WebGL 图片透明处理的方式

    WebGL 透明处理方式之一是使用 α 混合,这篇文章主要介绍了JavaScript WebGL 图片透明处理方式,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-01-01
  • JavaScript SweetAlert插件实现超酷消息警告框

    JavaScript SweetAlert插件实现超酷消息警告框

    SweetAlert是一款使用纯js制作的消息警告框插件.这篇文章主要介绍了JavaScript SweetAlert插件实现超酷消息警告框的相关资料,需要的朋友可以参考下
    2016-01-01
  • JavaScript树形结构数组处理之递归问题

    JavaScript树形结构数组处理之递归问题

    这篇文章主要介绍了JavaScript树形结构数组处理之递归问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-06-06
  • MutationObserver监视对DOM 树所做更改的功能妙用

    MutationObserver监视对DOM 树所做更改的功能妙用

    这篇文章主要为大家介绍了MutationObserver监视对DOM 树所做更改的功能妙用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • JavaScript call apply使用 JavaScript对象的方法绑定到DOM事件后this指向问题

    JavaScript call apply使用 JavaScript对象的方法绑定到DOM事件后this指向问题

    JavaScript对象与DOM对象进行绑定会遇到一个问题:如果被绑定的对象的方法中包含this关键字,当事件被触发时this指向的却是DOM对象,而不是之前的JS对象。
    2011-09-09
  • javascript性能优化之事件委托实例详解

    javascript性能优化之事件委托实例详解

    这篇文章主要介绍了javascript性能优化之事件委托用法,结合实例形式对比分析了JavaScript中事件委托的具体用法与优点,需要的朋友可以参考下
    2015-12-12
  • javascript中Array()数组函数详解

    javascript中Array()数组函数详解

    在JavaScript中数组也是比较常用的对象之一,数组是值的有序集合,本篇文章给大家分享Javascript中Array()数组函数详解,需要的朋友可以参考下
    2015-08-08
  • laypage.js分页插件使用方法详解

    laypage.js分页插件使用方法详解

    这篇文章主要为大家详细介绍了laypage.js分页插件的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-07-07

最新评论