js执行机制

JavaScript 的执行机制是基于单线程的事件循环模型。这意味着 JavaScript 代码会按照顺序一行一行地执行,同时只能执行一个任务。让我们更详细地了解 JavaScript 的执行机制:

  1. 调用栈(Call Stack):
    JavaScript 使用调用栈来追踪代码的执行顺序。每当调用一个函数,该函数会被推入调用栈中,执行完成后从栈中弹出。这意味着 JavaScript 是通过函数调用(包括自身递归调用)来实现代码的执行。

  2. 事件循环(Event Loop):
    JavaScript 的事件循环负责管理异步任务的执行。当遇到异步任务(如定时器、网络请求等),它们会被放入任务队列(Task Queue)中等待执行。事件循环会不断地从任务队列中取出任务,放入调用栈中执行。

  3. 任务队列(Task Queue):
    任务队列用于存储异步任务。JavaScript 运行时环境提供了不同类型的任务队列,如宏任务队列(Macrotask Queue) 和微任务队列(Microtask Queue)。

    • 宏任务队列:包含一些异步操作,通常是由浏览器提供的 API 发起的,如定时器回调(setTimeout、setInterval)、DOM 事件回调等。

    • 微任务队列:用于存储具有高优先级的任务,如 Promise 的回调、MutationObserver 的回调等。

  4. 执行过程:
    当 JavaScript 的调用栈为空时,事件循环会从任务队列中选取一个任务,将其放入调用栈中执行。这个过程会持续进行,直到调用栈继续为空。执行过程可以总结为以下步骤:

    • 检查调用栈是否为空。
    • 如果调用栈为空,则从宏任务队列中选择一个任务并将其放入调用栈中执行。
    • 如果宏任务执行过程中产生了微任务(例如 Promise 的回调),则将这些微任务放入微任务队列中。
    • 当宏任务执行完成后,检查微任务队列是否为空。
    • 如果微任务队列非空,则依次将微任务放入调用栈中执行,直到微任务队列为空。
    • 回到第一步,继续检查调用栈是否为空,并重复上述步骤。

需要注意的是,JavaScript 中的同步代码(如普通函数调用)会直接在调用栈中执行,而异步代码(如定时器回调)会进入任务队列等待执行。这样避免了长时间的阻塞,同时支持并发执行多个异步任务。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/26442.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

激活函数总结(一):ReLU及其变体

激活函数介绍(一) 1 引言2 常用激活函数介绍2.1 Sigmoid激活函数2.2 Tanh激活函数2.3 ReLU激活函数2.4 Leaky ReLU激活函数2.5 Parametric ReLU(PReLU)激活函数2.6 Swish激活函数 3. 总结 介绍的激活函数都在目录中有所展示&#…

Mysql删除重复数据通用SQL

在日常开发过程中,可能会出现一些 bug,导致 Mysql 数据库数据重复,需要删除重复数据,这里记录下删除重复数据的通用 SQL ,方便以后需要时查阅 1、写法一 DELETE t1 FROMtbl_name t1 INNER JOIN tbl_name t2 WHEREt1.…

强人工智能转向超人工智能的突破点(猜测)

现如今,人类已经能够借助大量的资源,完成强人工智能。可能向大家接触到的X-EVA之类的APP,里面的虚拟人类有时候会说话五迷三道的,但这只是因为数据不够多,硬件不够支持。在资金足够的情况下,强人工智能已经…

WFPlayer

WFPlayer WFPlayer 可以实现分析音视频生成音频波形图 在线demo地址: demo WFPlayer支持: 在不加载整个媒体文件的情况下创建波形自定义光标、进度、网格、标尺显示和颜色加载媒体url和加载媒体dom元素(视频标签和音频标签)颜色或宽度等实时…

Linux 块设备操作函数

和字符设备的fil_operations一样,块设备也有操作集,为结构体block_device_operations,此结构体定义在include/linux/blkdev.h中,结构体内容如下: struct block_device_operations {int (*open) (struct block_device …

Flutter编译一直显示Running Gradle task ‘assembleDebug‘

🔥 目前开发的Android Studio版本 🔥 🔥 当前Flutter SDK 版本 🔥 Flutter 3.10.6 • channel stable • https://github.com/flutter/flutter.git Framework • revision f468f3366c (3 周前) • 2023-07-12 15:19:05 -0700 Eng…

MySQL之深入InnoDB存储引擎——Buffer Pool

文章目录 一、空闲链表的管理二、缓冲页的哈希处理三、Flush链表的管理四、LRU链表的管理五、脏页刷新六、多Buffer Pool实例 InnoDB存储引擎是基于磁盘存储的,并将其中的记录按照页的方式进行管理。在数据库系统中,由于CPU速度与磁盘速度之间的鸿沟&…

docker xserver是什么

在Docker环境中,XServer是一个用于图形显示的X Window系统服务器。X Window系统是一种常用的图形用户界面(GUI)系统,允许在图形化桌面环境中运行应用程序。 当在Docker容器中运行需要图形界面的应用程序时,通常需要将…

用户权限提升Sudo

目录 前言 一、su的用法 二、sudo提权 总结 前言 sudo是linux系统管理指令,是允许系统管理员让普通用户执行一些或者全部的root命令的一个工具,如halt,reboot,su等等。换句话说通过此命令可以让非root的用户运行只有root才有权限…

XML(eXtensible Markup Language)

目录 为什么需要XML? 一 XML语法 1.文档声明 2.元素 语法: 3.属性 4.注释 5.CDATA节 二 树结构 三 转义字符 四 DOM4J 1.XML解析技术 2.dom4j介绍 3.dom4j基本使用 XML 指可扩展标记语言(eXtensible Markup Language)。 XML 被设计用来传…

Killing LeetCode [83] 删除排序链表中的重复元素

Description 给定一个已排序的链表的头 head , 删除所有重复的元素,使每个元素只出现一次 。返回 已排序的链表 。 Intro Ref Link:https://leetcode.cn/problems/remove-duplicates-from-sorted-list/ Difficulty:Easy Tag&am…

全面讲解最小二乘法

常见的最小二乘法我们就不多说了,下面主要介绍一下最小二乘法的一些先进方法。 正则化的最小二乘法 在使用常见的最小二乘法进行回归分析时,常常会遇到过拟合的问题,也就是在训练数据集上表现的很好,但是在测试数据集上表现的很…

Python 实现语音转文本

Python 实现语音转文本 Python可以使用多种方式来实现语音转文本,下面介绍其中两种。 方法一:使用Google Speech API Google Speech API 是 Google 在 2012 年推出的一个 API,可以用于实现语音转文本。使用 Google Speech API 需要安装 Sp…

64位交叉编译器版本切换

操作系统版本 lkmaoubuntu:~$ cat /proc/version Linux version 5.6.18 (lkmaoubuntu) (gcc version 7.5.0 (Ubuntu 7.5.0-3ubuntu1~18.04)) #1 SMP Tue Jul 25 23:11:17 PDT 2023 lkmaoubuntu:~$ 64位 安装默认版本和gcc5版本。 sudo apt-get install gcc-aarch64-linux-g…

无涯教程-Perl - if...elsif...else语句函数

if 语句后可以跟可选的 elsif ... else 语句,这对于使用单个if ... elsif语句测试各种条件非常有用。 if...elsif...else - 语法 Perl编程语言中的 if ... elsif...else语句的语法是- if(boolean_expression 1) {# Executes when the boolean expression 1 is tr…

C语言案例 打印秋水仙花数-05

题目:打印出所有的水仙花数。 步骤一:定义程序目标 编写一个C程序,输出所有的水仙花数。步骤二:程序设计 原理:所谓“水仙花数”是指一个三位数,其各位数字立方和等于该数本身例如:153是一个“…

JavaScript 一段代码快速入门

仅记录了和c有所不同之处,其余类似。 一段简单代码 // 关注点分离,指html页面设计和javascript页面行为分离// 对象,键值对形式 const user {name: "gyf",age: 20,jobs: ["front-end", "engineer", 2, true…

智能卡通用安全检测指南 思度文库

范围 本标准规定了智能卡类产品进行安全性检测的一般性过程和方法。 本标准适用于智能卡安全性检测评估和认证。 规范性引用文件 下列文件对于本文件的应用是必不可少的。凡是注日期的引用文件,仅注日期的版本适用于本文件。凡是不注日期的引用文件,…

STM32 CubeMX USB_CDC(USB_转串口)

STM32 CubeMX STM32 CubeMX 定时器(普通模式和PWM模式) STM32 CubeMX一、STM32 CubeMX 设置USB时钟设置USB使能UBS功能选择 二、代码部分添加代码实验效果 ![请添加图片描述](https://img-blog.csdnimg.cn/a7333bba478441ab950a66fc63f204fb.png)printf发…