【总结】javascript中的同步与异步

2023-09-22 07:48:36

概念

同步模式

简单的理解就是后一个任务等待前一个任务的结束才能执行,程序的执行顺序与任务的排列顺序是一致的、同步的;同步任务进入主线程

异步模式

异步的每一个任务有一个或多个回调函数,前一个任务执行结束后,并不会执行后一个任务,而是执行它的回调函数。而后一个任务不会等待前一个任务结束才执行,所以程序的执行顺序与任务的排列顺序是不一致的,异步的;

javascript中的同步与异步

同步

javascript是单线程语言,浏览器中负责解释和执行javascript只有一个线程(主线程),即在同一时刻,同一个javascript引擎只能执行一个任务。在程序运行时,所有的任务都在javascript的主线程上等待执行。当一个任务被执行时,它就会被推入调用栈,执行完毕后,又被推出调用栈

执行上下文

执行上下文指的是执行javascript代码的环境,只要有代码在javascript中运行,它就一定在执行上下文中运行。函数的代码在函数的执行上下文内执行,而全局环境的代码则在全局执行环境上下文内执行,而且每个函数都会创建属于自己的执行上下文

调用栈

调用栈是一个栈,是一种数据结构。它的作用就是存储代码运行时的上下文

异步

javascript中常见的异步执行

  • 回调函数
  • Promise
  • 事件委托

事件循环和消息队列

执行javascript的只有主线程,但浏览器的渲染进行是提供多个进程的,他们都属于Web Api的范畴,如下:

  • 事件处理线程(DOM Events)
  • 定时触发线程(setTimeout)
  • 异步http请求线程(Fetch Api)
  • GUI线程
    注意:javascript的全局执行上下文是javascript引擎的一部分,而Web Api不是,它会创建一个单独的执行上下文,且不在javascript中

javascript的异步运行机制

javascript处理异步任务的机制是:遇到耗时操作(web Api的方法)就将其耗时代码放入web Api的执行上下文栈中运行,运行结束后,将其中包含的回调函数立即放入消息队列中;消息队列会将其中按顺序存放的回调函数,按顺序推入主线程所在的调用栈中执行

注意:消息队列并不是一收到回调函数就立即放入主线程执行,而是会先检查主线程上是否有别的任务在执行,如果有就等待主线程处理完了再推入回调函数。其事件循环机制就是循环地去检查主线程是否空闲,一旦空闲就将回调函数放入其中执行

更多推荐

Smart UI Web 16.0.1 WebComponents htmlelements Crack

JavascriptWeb组件库SmartUIWeb组件库是您构建令人惊叹的Web应用程序所需的唯一套件。它包含70多个快速且专业设计的UI组件,可在单个包中实现美观且始终现代的Web应用程序。具有高级功能的即用型Javascript组件。只需几行代码即可使用数据网格、甘特图、调度程序等复杂组件。Smart是一个基于J

Paper Reading: RSPrompter,基于视觉基础模型的遥感实例分割提示学习

目录简介目标工作重点方法实验总结简介题目:《RSPrompter:LearningtoPromptforRemoteSensingInstanceSegmentationbasedonVisualFoundationModel》,基于视觉基础模型的遥感实例分割提示学习日期:2023.6.28单位:北航、北京数字媒体重点

【结构体类型——详细讲解】

结构体1.结构体类型声明1.1结构体的概念结构体是⼀些值的集合,这些值称为成员变量。结构体的每个成员可以是不同类型的变量。1.2结构的声明structtag{member-list;}variable-list;例如描述⼀个学⽣:structStu{charname[20];//名字intage;//年龄charsex

【数据结构-树】AVL树

💝💝💝欢迎来到我的博客,很高兴能够在这里和您见面!希望您在这里可以感受到一份轻松愉快的氛围,不仅可以获得有趣的内容和知识,也可以畅所欲言、分享您的想法和见解。推荐:kuan的首页,持续学习,不断总结,共同进步,活到老学到老导航檀越剑指大厂系列:全面总结java核心技术点,如集合,jvm,并发编程redis,kaf

Linux--信号量

一、信号量信号量(semaphore)与已经介绍过的IPC结构不同,他是一个计数器。用于实现进程间的互斥与同步,而不是用于存储进程间的通信数据。可以与共享内存配合使用。临界资源:多道程序系统种存在许多进程,他们共享各种资源,然而有很多资源一次智能供一个进程使用。一次仅允许一个进程使用的资源称为临界资源。许多物理设备都属

决策树案例分析

决策树(DecisionTree)常用于研究类别归属和预测关系的模型,比如是否抽烟、是否喝酒、年龄、体重等4项个人特征可能会影响到‘是否患癌症’,上述4项个人特征称作‘特征’,也即自变量(影响因素X),‘是否患癌症’称为‘标签’,也即因变量(被影响项Y)。决策树模型时,其可首先对年龄进行划分,比如以70岁为界,年龄大于

AI与传统数据库 - ChatGPT风过之后 | 从Duet AI说开来

作者:NiDemai,是NineData数据库产品专家,曾任阿里云数据库国际产品总负责人,华为高斯GaussDB创始团队核心架构师,IBMDb2资深研发工程师。Demai专注Cloud-Nativedatabase架构设计,分析型MPP,企业数据库开发及生态,并且积极参与开源社区建立和发展。OpenAI的突破震撼整个市

用青龙面板实现阿里云盘每日签到

什么是青龙面板?青龙面板是支持Python3、JavaScript、Shell、Typescript的定时任务管理平台。青龙面板从功能上看,和群晖的计划任务很像,都可以定时执行一个任务,并发送通知,只是青龙面板更强大一些。安装在群晖上以Docker方式安装。在注册表中搜索whyour,选择第一个whyour/qingl

迅为iTOP-RK3568开发板Sobel 算子边缘检测

本小节代码在配套资料“iTOP-3568开发板\03_【iTOP-RK3568开发板】指南教程\04_OpenCV开发配套资料\32”目录下,如下图所示:Sobel(索贝尔)算子是计算机视觉领域的一种重要处理方法。主要用于获得数字图像的一阶梯度,常见的应用和物理意义是边缘检测。索贝尔算子把图像中每个像素的上下左右四领域

【数据结构】顺序表与ArrayList

作者主页:paperjie的博客本文作者:大家好,我是paperjie,感谢你阅读本文,欢迎一建三连哦。本文录入于《JAVA数据结构》专栏,本专栏是针对于大学生,编程小白精心打造的。笔者用重金(时间和精力)打造,将javaSE基础知识一网打尽,希望可以帮到读者们哦。其他专栏:《算法详解》《C语言》《javaSE》等内容

基于TensorFlow+CNN+协同过滤算法的智能电影推荐系统——深度学习算法应用(含微信小程序、ipynb工程源码)+MovieLens数据集(七)

目录前言总体设计系统整体结构图系统流程图运行环境模块实现1.模型训练1)数据集分析2)数据预处理3)模型创建4)模型训练5)获取特征矩阵2.后端Django3.前端微信小程序1)小程序全局配置文件2)推荐电影页面3)个人信息界面以及用户登录记录页面系统测试1.模型损失曲线2.测试效果相关其它博客工程源代码下载其它资料下

热文推荐