1. 单线程模型JavaScript只在一个线程上运行，同时只能执行一个任务，其他任务都必须在后面排队等待。虽然允许JS创建多个线程，但子线程完全受主线程控制，且不得操作 DOM，所以并不影响JS单线程的本质。2. 任务队列和事件循环2.1 任务队列JavaScript 运行时，除了一个正在运行的主线程，引擎还提供一个任务队列（task queue），里面是各种需要当前程序处理的异步任务。（可能存
转载
2023-11-10 21:44:59
95阅读
1.问答题①请描述event loop（事件循环/事件轮询）的机制，可画图因为js是单线程运行的，所以异步要基于回调来实现，而event loop就是异步回调的实现原理JS先把同步代码执行完再去执行异步代码，如果某一行执行报错，则停止下面代码的执行。通过例子来讲event loop机制运行大致过程如下同步代码顺序执行，遇到异步就记录一下，等待时机（定时、网络请求等执行完），移动到Callback Queue，如果Call Stack调用栈为空（即同步代码执行...
原创
2023-06-06 10:23:43
178阅读
JavaScript异步编程：从基础到深度实践引言：为什么需要异步编程？在JavaScript发展的早期，开发者就面临着一个核心矛盾：单线程执行机制与复杂业务场景的需求冲突。当程序需要处理耗时操作（如网络请求、文件I/O）时，同步代码会阻塞整个执行线程，导致界面卡顿、响应延迟等问题。为了解决这个痛点，JavaScript引入了异步编程模型，本文将带您系统性地探索其底层原理与实践技巧。第一章 异步编
Js异步机制JavaScript是一门单线程语言，所谓单线程，就是指一次只能完成一件任务，如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。这种模式的好处是实现起来比较简单，执行环境相对单纯，坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应也就是假死状态，往往就是因为某一段Javascript代码长时间运行比如死循环，导致整
转载
2024-01-26 07:55:35
65阅读
同步JavaScript 为了让我们了解异步 JavaScript是什么，我们应该首先确保我们了解同步 JavaScript是什么。本节概述了我们在上一篇文章中看到的一些信息。 我们在先前的学习领域模块中看到的许多功能都是同步的—您运行了一些代码，并且浏览器可以尽快返回结果。让我们看一个简单的示例：
转载
2020-01-31 17:55:00
139阅读
2评论
JavaScript异步编程：从回调地狱到现代实践引言在单线程的JavaScript运行环境下，异步编程是实现高性能应用的核心技术。随着Node.js和前端框架的普及，异步操作已渗透到文件I/O、网络请求、DOM操作等场景。然而，回调函数嵌套、Promise链式调用、async/await语法糖等不同抽象层级的存在，使得开发者常陷入"并发困惑"。本文将系统解析JavaScript异步机制的底层原理
同步&异步同步：从上往下逐步执行代码，只有上一步完成了，得到结果了，才会进入下一步，也就是上一步对下一步造成了堵塞。异步：执行之后先不等待结果，直接进行下一步操作光看文字可能难以理解，举个例子假如你想做两道菜，一道是爆炒猪肝，从买回原料开始，猪肝先是切成片，很小的片，然后放到一只碗里，放上一些盐，放上生粉，生粉让猪肝鲜嫩。。。。。最后为了做这道菜你耗费了大量精力，全程都很累同步做菜就这么难
转载
2024-05-30 19:02:14
28阅读
同步&异步的概念在讲这四种异步方案之前，我们先来明确一下同步和异步的概念：所谓同步(synchronization)，简单来说，就是顺序执行，指的是同一时间只能做一件事情，只有目前正在执行的事情做完之后，才能做下一件事情。 比如咱们去火车站买票，假设窗口只有1个，那么同一时间只能处理1个人的购票业务，其余的需要进行排队。这种one by one的动作就是同步。同步操作的优点在于做任何事情都
转载
2023-12-14 18:54:42
58阅读
一、异步操作概述单线程模型 单线程模型指的是，JavaScript 只在一个线程上运行。也就是说，JavaScript 同时只能执行一个任务，其他任务都必须在后面排队等待。程序里面所有的任务，可以分成两类：同步任务（synchronous）和异步任务（asynchronous）。同步任务是那些没有被引擎挂起、在主线程上排队执行的任务。只有前一个任务执行完毕，才能执行后一个任务。异步任务是那些被引擎
转载
2024-04-05 21:35:41
31阅读
方案1：$(document).ready点评：1、需要引用jquery2、兼容所有浏览器。方案2：<script>标签的async="async"属性async的定义和用法(是HTML5的属性)async 属性规定一旦脚本可用，则会异步执行。点评： 1、HTML5中新增的属性，Chrome、FF、IE9&IE9+均支持（IE6~8不支持）。此外，这种方法不能保证脚本
转载
2023-05-18 15:34:42
243阅读
异步要了解Promise首先需要了解异步，这是js一个老生常谈的问题，为什么js会有异步，这和js最开始的的作用是离不开的。js是单线程的语言，他主要是实现用户与浏览器的交互，以及操作dom，这决定了它只能是单线程，否则会带来很复杂的同步问题，如果js可以多线程进行，那对于同一个dom同时进行自相矛盾的操作，比如删除或者添加功能，那就有些问题了。但是在代码中不可避免的会有需要时间才能给出反应的代码
转载
2024-01-17 10:11:53
60阅读
2019-12-21 js是一种单线程语言，同一时刻，他只能做一件事情，也就是说js引擎在同一时刻单一线程内只能处理一个语句。 浏览器从接口获取数据时，服务器需要花费一些时间去处理这个请求，那么此时基于单线程语言的情况，浏览器的 主线程正在被阻塞，并且导致页面无响应，然而，实际情况并非如此，这时js异步处理。 使用异步的js例如（callbacks，promises，async/await），就可
转载
2024-03-05 08:42:57
17阅读
博文地址：JS异步编程方法众所周知， JS是一门单线程的语言，它不像服务端语言可以同时处理多个任务，但这不是JS的缺点，这是由执行环境决定的。由于JS是运行在浏览器端，而浏览器上不能同时存在两个任务对同一处DOM或者数据进行修改，否则浏览器就不知道该听谁的了，因此，这也决定了JS必须是单线程的语言。这种模式的好处是实现起来简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，后面的任务都必须排队，
转载
2024-04-05 10:09:16
133阅读
Js的执行机制JavaScript语言的一大特点就是单线程，同一个时间只能做一件事，这是js的诞生使命所致，比如对dom元素的添加和删除不能同时进行，应该先进行添加，之后再删除。为了利用多核CPU的计算能力，HTML5提出Web Worker标准，允许JavaScript脚本创建多个线程，但是子线程完 全受主线程控制，且不得操作DOM。所以，这个新标准并没有改变JavaScript单线程的本质。单
转载
2024-06-29 16:54:47
40阅读
1.Javascript语言的执行环境是”单线程”(single thread):优点：实现起来比较简单，执行环境相对单纯；缺点：只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死），往往就是因为某一段Javascript代码长时间运行（比如死循环），导致整个页面卡在这个地方，其他任务无法执行。为了解决这个问题，Javascript语言将任务的执行模式
转载
2023-12-12 23:12:35
25阅读
JavaScript中的如何解决异步请求想必有过项目经验的小伙伴，都对异步请求不陌生。今天小编就带大家来说说什么是异步请求以及如何解决？一、常见的异步请求方法（数据请求）1.XMLHttpRequest js异步请求2.$.ajax jquery异步方法3.axios （很多公司使用的异步请求库） Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。
转载
2023-08-11 20:32:53
16阅读
一：同步加载 我们平时使用的最多的一种方式。 <script src="http://yourdomain.com/script.js"></script>
<script src="http://yourdomain.com/script.js"></script> 同步模式，又称阻塞模式，会阻止浏览器的后续处理，停止后续的解析，只有当当前加
转载
2023-08-07 17:46:30
85阅读
一、callback回调函数回调是一个函数被作为一个参数传递到另一个函数里，在那个函数执行完后再执行。（ 也即：B函数被作为参数传递到A函数里，在A函数执行完后再执行B ） function f1 (callback) {
setTimeout(function () {
console.log("1")
callback();
转载
2024-05-31 12:19:47
168阅读
1、setTimeout 函数 setTimeout(function () { document.getElementById("demo").innerHTML="哈哈哈"; }, 3000); 2、异步 AJAX ...
转载
2021-08-11 13:59:00
247阅读
2评论
异步函数，也称为“async/await”（语法关键字），是 ES6 期约模式在 ECMAScript 函数中的应用。async/await 是 ES8 规范新增的。这个特性从行为和语法上都增强了 JavaScript，让以同步方式写的代码能够异步执行。下面来看一个最简单的例子，这个期约在超时之后会解决为一个值：这个期约在 1000 毫秒之后解决为数值 3。如果程序中的其他代码要在这个值可用时访问
原创
精选
2024-02-03 21:33:00
189阅读
