javascript 异步浅谈

最新推荐文章于 2023-06-19 00:39:09 发布
最新推荐文章于 2023-06-19 00:39:09 发布
阅读量257 收藏
点赞数
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_32067081/article/details/52878228
版权


javascript  编程是单线称的，也就是说一次只能执行一个任务，如果有多哥多个任务，必须排队，等前一个任务执行完之后，在执行下一个，依次类推

这种模式的好处是实现起来比较简单，但是 只要有一个任务耗时很长，后边的任务就必须排队等着 会拖延整个程序的执行


为了解决这些问题 javascript  将任务的执行分成了两种 同步 和 异步

同步模式就是上述的情况 等一个任务执行完后在 执行后一个任务，程序的执行和任务的排列是一致的。同步的

异步模式 则不同 每一个任务有一个或者多个回调函数，任务执行结束后，不是执行后一个任务，而是执行回调函数，后一个任务则不等前一个任务执行完

就开始执行，而且执行的顺序与任务的排列是不一致的，异步的


完美零du
关注
专栏目录
异步流程控制浅谈
在前端路上
03-12 573
bash脚本语言，基本上每个命令都是需要不定时等待的，所以是一种天然的异步流程控制语言“我们要寻找的就是如何组织我们的代码，来让其更加容易，极少冗余的表述我们的思维过程，同时这个过程本身又是容易被不断延展的，我称之为编织代码。”表面同步，内在异步的模型，才是高并发编程和高效率编程的最终方案。...
浅谈JavaScript中的同步和异步原理
JeffreytheCoder的博客
08-21 3342
前段时间在前端岗位上实现请求后端接口时，JS中同步和异步这两个概念总困扰着我：究竟异步是什么呢？和同步有什么区别呢？通过细读几篇大佬的讲解后，终于明白了这两者的概念，今天就浅谈下我个人对同步和异步原理的理解。 一、单线程语言 在了解同步和异步之前，我们得先理解一些基本概念。首先，JavaScript是一门单线程的语言，意思就是，同一个时间只能执行一个任务。JS作为一种浏览器脚本语言，主要用处是与用户互动和操作DOM，产生的交互方式是单向且线性的。假设JS有两个线程同时运行，如果一个线程编辑了DOM，而另一个
web端JavaScript异步浅谈
倾听风的声音，跟随风的脚步！
04-15 414
自我理解的JavaScript异步概要
浅谈JavaScript——异步运行机制
m0_67040484的博客
12-13 272
js单进程
浅谈JavaScript中的异步处理
m0_72431373的博客
08-29 187
其实我们不难发现， async/await 方法相比于 Generator 处理异步的方式，有很多相似的地方，只不过 async/await 在语义化方面更加明显，同时 async/await 不需要我们手写执行器，其内部已经帮我们封装好了，这就是为什么说 async/await 是 Generator 函数处理异步的语法糖了。第二个请求的 url 地址为： /page/2?由于后续请求依赖前一个请求的结果，所以我们只能把下一次请求写到上一次请求的回调函数内部，这样就形成了常说的：回调地狱。......
浅谈Javascript异步和单线程
shiandlu的博客
03-01 96
浅谈Javascript异步和单线程 1.异步和同步的区别 // 异步执行没有阻塞 console.log(100); setTimeout(() => { console.log(200); // 需要等待，但是并没有阻塞后边代码的执行 }, 0); console.log(300); // 执行顺序 100 300 200 执行第一步：打印出100。 执行到setTimeout后，传入setTimeout的函数会被放到暂存区暂存起来，不会立即执行（单线程的特点，不能同事干两件事情）。 执行最
浅谈JavaScript
weixin_47559434的博客
03-11 450
最近工作中接触到JavaScript相关项目，作为一名JS初学者，通过项目与学习获得了JS的一些知识，借着这篇文章，分享一下这段时间了解到的内容。 在开始之前，让我们先思考以下几个问题： JavaScript以Java为前缀，两种编程语言之间有什么关联？ JS能够帮助前端开发者解决什么问题？ 市场上有各种各样的浏览器，怎么能够保证同一段JS代码在不同浏览器都可以执行成功呢？ JS能够操作网页内容，开发者是否可以通过恶意JS代码入侵用户电脑？ 在Java中，需要定义数据类型，而在JS中却不用显式申明变量数据
浅谈javascript事件循环
最新发布
weixin_41924907的博客
06-19 141
事件循环，浏览器进程线程，同步异步
浅谈同步和异步
weixin_60513652的博客
12-18 316
同步和异步的概念 代码从上往下，依次执行，后面的代码必须等待前面的代码执行完毕，才会执行（js基本上大部分情况都是同步的）。【同步会阻塞代码】 代码从上往下，依次执行，遇到异步代码，异步代码会让开，等待所有同步代码执行完毕，才会最后执行。【异步不会阻塞代码】 JS中异步的三大场景 定时器 console.log('1') setTimeout(() => { console.log('5') }, 100) setTimeout(() => { con...
浅谈JavaScript异步编程
10-20
要深入理解JavaScript异步编程，首先需要了解几个基础概念。 一、异步编程的基础概念 在传统同步编程模式中，代码按照编写顺序依次执行，每条语句必须等待前一条语句执行完毕后才能开始执行。然而，在异步编程模式...
浅谈如何优雅处理JavaScript异步错误
10-16
本文将探讨两种优雅处理JavaScript异步错误的方法：try/catch 和 Golang-style（then）处理。 1. **try/catch 机制** `try/catch` 是处理错误的经典方式，它在异步编程中同样适用，特别是与 `async/await` 结合...
浅谈js的ajax的异步和同步请求的问题
10-21
在讲解JavaScript中的Ajax技术时，经常会遇到异步和同步请求的问题。本文旨在深入探讨这一问题，并通过实例代码说明在Ajax调用中如何控制这两种请求方式。 Ajax（Asynchronous JavaScript and XML）是一种在无需...
window.innerWidth以及window.outerWidth的区别
sinat_32067081的博客
11-06 7581
window.outerWidth获取浏览器窗口外部的宽度。 它表示整个浏览器窗口的宽度，包括边栏 window.innerWidth获取浏览器可视区域的宽度，也就是页面的宽度<!DOCTYPE html> <html> <body><p id="demo"></p><script> var w = window.innerWidth || document.documentElement.cli
ie事件机制和火狐事件机制
sinat_32067081的博客
03-28 4082
事件机制 事件冒泡：事件从当前元素对象触发，然后向上层元素搜索相同对象事件并触发（直搜到document节点）。IE事件默认都只这种类型的事件。 事件捕获：从document节点开始搜索事件，然后向下层搜索相同对象事件并触发，直到当前元素节点 阻止事件冒泡的方法 ie支持事件冒泡 火狐支持 捕获和冒泡两种 w3c支持 e.stopPropagation()，IE则是使用e.cancelB
浏览器本地缓存 localStorage sessionStorage
sinat_32067081的博客
10-24 2251
在较高版本的浏览器中，js提供了sessionStorage 和globalStorage 在html5中localStorage代替了globalStorage。 html5 webStorage包括两种存储方式 sessionStaorage 和localStage sessionStorage 用于本地存储一个会话中的数据，这些数据只能在同一个会话中的页面中访问并且当会话结束后数据也会随
用javascript将URL 解析成对象的形式
sinat_32067081的博客
11-07 1469
将url解析为对象的形式有两种方案 1.利用数组的spilt()函数 类似于下面将URL后边的参数保存在args对象中function parseQuery(query){ var args = {}; var items = query.split("&"); var item = null, name = null, value = null; for(var
自定义 cookie的获取，设置以及删除函数
sinat_32067081的博客
11-07 1089
var cookieUtil = { get :function(name){ var cookiename = encodeURIConponent(name) + "="; var cookiestart = document.cookie.indexof(cookiename); var cookievalue = null; if(cookiesta
跨浏览器 创建xmlhttprequest 对象 以及和服务器交互的全过程
sinat_32067081的博客
10-18 1018
//创建xhr对象  function creat(){          var xhr; try{              xhr = new XMLHttpRequest();                 }catch(e){ var versions =["MSXML2.XMLHttp.6.0",                                    
encodeURI escape encodeURIcomponent 转码方式之间的区别
sinat_32067081的博客
10-25 890
1.escape  escape() 会将传入的参数中的 空格 ，标点符号，以及所有所有非ascll 的字符替换为%xx的编码形式，其中xx与其所表示的字符的16进制 形式相同 如空格字符的16进制表示形式为0x20，则此时xx应为20，即escape(‘ ') 返回“%20”。 2.encodeURI encodeURI 返回一个经过编码的url,如果encodeU
ppk深入解析JavaScript
"ppk谈JavaScript" 是一本专注于JavaScript的书籍，作者ppk对这门语言的应用进行了深入浅出的讲解，使读者能够更清晰地理解JavaScript在实际中的运用。 JavaScript，全称ECMAScript，是一种广泛用于网页和网络应用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值