用银行办业务类比JS的执行机制

2024-08-23 22:44

本文主要是介绍用银行办业务类比JS的执行机制,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

一、同步和异步

JavaScript是单线程语言,所以银行只有一个窗口,客户需要按一系列规则进行业务办理。

同步业务

在银行,客户到达后,首先会在大厅等候,排队办理业务。这就像 JavaScript 中的主线程(主执行栈)一样,当一个任务被执行时,其他任务需要排队等待。

当轮到某个客户时,他会走到柜台(主线程)去进行他的业务,比如存款、取款等。这相当于执行一个同步任务。在这个过程中,其他客户只能静静地等着,直到前面的客户完成业务。

同步业务遵循后来先办的原则,因为每个新来的同步任务客户会把文件放在最上面,工作人员会先办理后来的。这就像执行栈中同步任务的先进后出,后进先出原则。

异步业务

假设某个客户需要申请贷款,这个过程比较复杂,银行需要审核信息。客户在申请后并不能立即得到结果,而是会被告知“请稍后”,这就像 JavaScript 中的异步操作。此时,客户挂号进入了一个等待列表,这相当于将异步请求放入了事件队列中。

通知与回调

一旦贷款审核通过,银行会通过短信或电话通知客户,普通客户和VIP客户区别对待。这就类似于 JavaScript 中的回调函数。当异步操作完成后,它会将结果放入事件队列中,等待主线程空闲后再来处理这个结果。

事件循环

银行的工作流程就像 JavaScript 的事件循环一样。如果当前没有客户在柜台办理业务(主线程空闲),银行工作人员会查看等待列表(事件队列),然后开始处理下一个客户的请求。这种机制确保了即使有许多异步操作在进行,银行柜台(主线程)总是能够有效地处理客户。

二、宏任务与微任务(异步任务的细化)

先进先出原则

在异步任务的事件队列中,又分为宏任务和微任务,宏任务是普通客户,微任务是vip客户,他们分别站成两个不同的队,分为宏任务队列和微任务队列。先来的客户可以最先办理,因为他们先被短信通知。这就像任务队列先进先出的原则。

任务开始执行

开始办理异步任务时,会先从普通客户(script)开始。等一个普通用户办理完,柜台一旦空下来,银行工作人员会立即为VIP客户办理业务。等所有VIP客户的业务按照顺序办理完成后,柜台会为的普通客户继续办理。

执行完成

等所有异步任务队列中的客户办理完,才会继续服务同步任务中客户。

具体划分
宏任务

1、整体代码(script):一个完整的JavaScript脚本可以被视为一个宏任务。

2、setTimeout:设置一个定时器,该定时器完成后会执行一个回调函数,这个回调函数作为一个宏任务被添加到任务队列中。

3、setInterval:与setTimeout类似,但它是重复执行回调函数。

4、setImmediate(仅限Node.js):Node.js特有的API,用于在I/O事件回调之后、setTimeout和setInterval回调之前调用函数。

5、I/O:输入输出操作,如文件读写、网络请求等,虽然这些操作本身可能是异步的,但它们的回调函数通常作为宏任务处理。

6、UI渲染:浏览器在更新页面之前会等待所有的宏任务执行完毕,然后进行UI渲染。

微任务

1、Promise.then/catch/finally:当Promise状态改变(从pending变为fulfilled或rejected)时,会执行相应的then/catch/finally回调函数,这些函数作为微任务处理。

2、process.nextTick(仅限Node.js):Node.js特有的API,用于将回调函数放在当前执行栈的末尾立即执行,但在任何I/O事件之前。

3、MutationObserver:用于异步监听在某个范围内的DOM树变化。

4、requestAnimationFrame:requestAnimationFrame 的回调函数保证会在下一次浏览器重绘之前执行。

5、queueMicrotask:用于将回调函数排队到微任务队列中。

6、postMessage、MessageChannel和BroadcastChannel的回调:它们通常会涉及到回调和异步处理,比如使用send()和receive()方法,它们会触发相应的回调,这些回调会被浏览器放入微任务队列中等待执行,会间接影响任务队列的调度。

三、中断与暂停

如果银行停电了,所有业务都会暂停,等来电后,会继续为剩下的客户按顺序办理。

比如网络问题、浏览器插件、调试过程中的断点、内存不足、特定函数(如alert()prompt()confirm()),会导致所有任务的中断和暂停。

这篇关于用银行办业务类比JS的执行机制的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1100709

相关文章

Spring事务传播机制最佳实践

《Spring事务传播机制最佳实践》Spring的事务传播机制为我们提供了优雅的解决方案,本文将带您深入理解这一机制,掌握不同场景下的最佳实践,感兴趣的朋友一起看看吧... 目录1. 什么是事务传播行为2. Spring支持的七种事务传播行为2.1 REQUIRED(默认)2.2 SUPPORTS2

MySQL中的锁机制详解之全局锁,表级锁,行级锁

《MySQL中的锁机制详解之全局锁,表级锁,行级锁》MySQL锁机制通过全局、表级、行级锁控制并发,保障数据一致性与隔离性,全局锁适用于全库备份,表级锁适合读多写少场景,行级锁(InnoDB)实现高并... 目录一、锁机制基础:从并发问题到锁分类1.1 并发访问的三大问题1.2 锁的核心作用1.3 锁粒度分

Golang如何对cron进行二次封装实现指定时间执行定时任务

《Golang如何对cron进行二次封装实现指定时间执行定时任务》:本文主要介绍Golang如何对cron进行二次封装实现指定时间执行定时任务问题,具有很好的参考价值,希望对大家有所帮助,如有错误... 目录背景cron库下载代码示例【1】结构体定义【2】定时任务开启【3】使用示例【4】控制台输出总结背景

Redis的持久化之RDB和AOF机制详解

《Redis的持久化之RDB和AOF机制详解》:本文主要介绍Redis的持久化之RDB和AOF机制,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录概述RDB(Redis Database)核心原理触发方式手动触发自动触发AOF(Append-Only File)核

PostgreSQL中MVCC 机制的实现

《PostgreSQL中MVCC机制的实现》本文主要介绍了PostgreSQL中MVCC机制的实现,通过多版本数据存储、快照隔离和事务ID管理实现高并发读写,具有一定的参考价值,感兴趣的可以了解一下... 目录一 MVCC 基本原理python1.1 MVCC 核心概念1.2 与传统锁机制对比二 Postg

Maven 配置中的 <mirror>绕过 HTTP 阻断机制的方法

《Maven配置中的<mirror>绕过HTTP阻断机制的方法》:本文主要介绍Maven配置中的<mirror>绕过HTTP阻断机制的方法,本文给大家分享问题原因及解决方案,感兴趣的朋友一... 目录一、问题场景:升级 Maven 后构建失败二、解决方案:通过 <mirror> 配置覆盖默认行为1. 配置示

Redis过期删除机制与内存淘汰策略的解析指南

《Redis过期删除机制与内存淘汰策略的解析指南》在使用Redis构建缓存系统时,很多开发者只设置了EXPIRE但却忽略了背后Redis的过期删除机制与内存淘汰策略,下面小编就来和大家详细介绍一下... 目录1、简述2、Redis http://www.chinasem.cn的过期删除策略(Key Expir

Go语言中Recover机制的使用

《Go语言中Recover机制的使用》Go语言的recover机制通过defer函数捕获panic,实现异常恢复与程序稳定性,具有一定的参考价值,感兴趣的可以了解一下... 目录引言Recover 的基本概念基本代码示例简单的 Recover 示例嵌套函数中的 Recover项目场景中的应用Web 服务器中

Jvm sandbox mock机制的实践过程

《Jvmsandboxmock机制的实践过程》:本文主要介绍Jvmsandboxmock机制的实践过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、背景二、定义一个损坏的钟1、 Springboot工程中创建一个Clock类2、 添加一个Controller

使用Python获取JS加载的数据的多种实现方法

《使用Python获取JS加载的数据的多种实现方法》在当今的互联网时代,网页数据的动态加载已经成为一种常见的技术手段,许多现代网站通过JavaScript(JS)动态加载内容,这使得传统的静态网页爬取... 目录引言一、动态 网页与js加载数据的原理二、python爬取JS加载数据的方法(一)分析网络请求1