js异步常见的使用场景

最新推荐文章于 2024-07-25 08:46:47 发布
最新推荐文章于 2024-07-25 08:46:47 发布
阅读量2.8k 收藏
点赞数
分类专栏： # javascript基础知识
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_25503949/article/details/107226717
版权
本文探讨了JavaScript中异步编程的常见应用场景，包括onload事件和setTimeout、setInterval的使用。通过一个实例展示了异步执行的顺序，强调了setTimeout的延迟执行特性及其与setInterval的区别，并总结了代码执行的顺序。
摘要由CSDN通过智能技术生成

js异步常见的使用场景

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
（onload事件，在图片加载完成后执行）

在这里插入图片描述
因为setTimeout是在载入后延迟指定时间后,去执行一次表达zhi式,记住,次数是一次
而setInterval则不一样,它从载入后,每隔指定的时间就执行一次表达式

一道简易的笔试题：
在这里插入图片描述
首先输出1
然后setTimeout，1000 异步先放在一边
执行输出3
然后有一个setTimeout虽然是0，但也是异步放在一边
然后输出5
最后看两个setTimeout
0比1000先 所以立马输出4
1s后输出2

总结：
刷新页面后输出1354 1s之后输出2

啵雨的博客
关注
专栏目录
面试官：你来举个栗子，如何使用异步设计提升系统性能？
Java____superman的博客
06-13 350
最新互联网大厂面试真题、Java程序员面试策略（面试前的准备、面试中的技巧）请移步GitHub 对于开发者来说，异步是一种程序设计的思想，使用异步模式设计的程序可以显著减少线程等待，从而在高吞吐量的场景中，极大提升系统的整体性能，显著降低时延。 因此，像消息队列这种需要超高吞吐量和超低时延的中间件系统，在其核心流程中，一定会大量采用异步的设计思想。 接下来，我们一起来通过一个非常简单的例子学习一下，使用异步设计是如何提升系统性能的。 异步设计如何提升系统性能？ 假设我们要实现一个转账的微服务 Transf.
异步的应用场景
Milk~每天分享一点点，技术进步一点点
07-24 1436
异步的应用场景 网络请求，如ajax图片加载 定时任务，如setTimeout 网络请求： 打印start、打印end、网络请求的时候，传了一个回调函数。 这时候按照异步的逻辑来分析： 打印start,执行网络请求，执行完网络请求就不管了，因为异步，继续往下执行，打印end,什么时候网络请求回来，什么时候回来就什么时候打印data1,执行回调函数。 图片加载：先执行start,然后定义一个img,img.onload里的onload就是一个callback的一个形式，这是另外一个形式，img.onl
JS同步异步的应用场景
weixin_44657495的博客
08-02 860
JS是单线程语言，凡是需要程序等待的都需要采用异步来执行，或者可以说叫程序阻塞 简单介绍： 1.网络请求：ajax请求、动态加载(onLoad方法) console.log(100); $.ajax({ method:‘GET’, url:‘test.php’, success(){ console.log(200); }, }) console.log(300); 输出结果（100,300,20...
Java异步编程常用 场景梳理
最新发布
通往IT大道的专栏
07-25 724
看transfer()方法，先调用一次账户服务accountService.add()方法从fromAccount扣减相应金额，因add()方法返回的就是个CompletableFeture对象，可用CompletableFeture的thenCompose()方法将下一次调用accountService.add()串联起来，实现异步依次调用两次账户服务完整转账。太多的线程会造成频繁的cpu上下文切换，你可以想象一下，假设你的小公司只有8台电脑，你雇8个程序员一直不停的工作显然是效率最高的。
JS异步问题及常见的异步场景分析
m0_52912501的博客
01-14 1111
异步问题是我们在学习JavaScript过程中需要关注的一个重点。但是据我观察，目前的各种资料还是以介绍异步问题的解决方案（即，期约、异步函数等异步编程方案）为主，对于异步问题本身讨论较少。所以在这里我尝试按照自己的理解对异步问题做一个提纲挈领的总结，方便自己后续更好的去学习理解各种异步编程方案。
JS基础对异步的理解，什么是异步，异步的使用场景（面试必考）
weixin_45745641的博客
04-06 2268
关于异步这一块的内容，基本是前端的必考知识，这篇文章来讲讲基础的异步理解，从js单线程的特性理解异步的出现以及promise基础的使用方法，希望能对大家有所帮助
JavaScript发展这些年，关于异步场景解决方案的变化
qq_32614411的博客
05-08 278
JavaScript关于异步场景解决方案发展历程：回调函数 =>Promise =>Generator生成器函数 =>async函数。 以文件读取示例： 阶段1，回调函数 const fs = require('fs') const path = './package.json' const readFile = (path, cb) => { f...
JS异步操作：概述
林夏天的博客
05-05 718
目录 1. 单线程模型 什么是单线程模型 JS为什么采用单线程模式 单线程模式的优缺点 2. 同步任务 和 异步任务 3. 任务队列 和 事件循环 4. 单线程模型 回调函数 事件监听 发布/订阅 5. 单线程模型 串行执行 并行执行 并行和串行的结合 本文转载于：异步操作概述 （一）单线程模型 1. 什么是单线程模型？ 单线程模型指：JavaScript 只在一个线程上运行。也就...
js中异步和单线程使用场景及常见问题
qq_34691738的博客
07-26 235
使用异步的场景 setTimeout ajax 请求数据 图片load 加载 点击事件 setTimeout 异步–结果：100、300、200 console.log(100); setTimeout(function(){ console.log(200) },1000); console.log(300) 同步–结果：100、200、300 consol...
JavaScript 异步调用框架 (Part 1 - 问题 & 场景)
10-29
在JavaScript开发中，异步调用是一个核心概念，尤其是在Ajax应用中，通过XMLHttpRequest进行数据交互是常见的操作。然而，JavaScript作为单线程语言，其异步调用的机制与传统同步编程存在较大差异。在异步调用中，...
JavaScript 闭包的使用场景
10-14
JavaScript 闭包是一种强大的...总结来说，JavaScript 闭包的使用场景非常多样，它们在函数式编程、异步控制、模块化设计等多个领域都有重要作用。理解并掌握闭包的概念和用法，对于提升JavaScript编程能力至关重要。
JavaScript异步操作的几种常见处理方法实例总结
10-15
本篇文章将总结JavaScript异步操作的几种常见处理方法，并通过实例分析来帮助理解。 首先，最基本也是最传统的异步处理方式是**回调函数**。回调函数通过将一个函数作为参数传递给另一个函数，在异步操作完成后调用...
谈一谈javascript异步
weixin_33743248的博客
01-10 129
从今天开始研究一下javascript的异步相关内容，感兴趣的请关注 同期异步系列文章推荐javascript异步中的回调javascript异步与promisejavascript异步之Promise.all()、Promise.race()、Promise.finally()javascript异步之Promise.resolve()...
JS异步编程的几种方式及区别
weixin_34308389的博客
03-24 215
前言 众所周知Javascript是“单线程”语言，在实际开发中我们又不得不面临异步逻辑的处理，这时候异步编程就变得十分必要。所谓异步，就是指在执行一件任务，这件任务分A、B两个阶段，执行完A阶段后，需要去做另外一个任务得到结果后才能执行B阶段。异步编程有以下几种常用方式：callback、Promise、Generator、async。 callback函数 callback函数是指通过函数传参...
快速搞定前端JS面试 -- 第五章 JS基础-异步（同步异步、应用场景、回调地狱）
Sabrina_cc的博客
04-14 668
JS基础-异步 题目 同步和异步的区别是什么？ 手写promise加载一张图片？ 前端使用异步的场景？ 场景题setTimeOut 知识点 单线程和异步 应用场景 Callback hell 和promise 一、单线程和异步 JS是单线程语言，只能同时做一件事 浏览器和nodejs已经支持JS启动进程，如web worker JS和DOM渲染共用同一个线程，因为JS可修改D...
js中的异步操作有哪些
qq_43654065的博客
11-19 5980
1. setTimeout、setInterval 2. Ajax请求一般采用异步，当然也可以设置为同步 3. promise.then 4. 回调函数可以理解为异步，但不是严格的异步操作 5.事件监听。即监听某个事件，当事件发生时，再执行相应的操作（比如点击、mouseover等）。 ...
浅谈JavaScript中的异步处理
weixin_33709364的博客
09-01 144
在 JavaScript 的世界中，所有代码都是单线程执行的，由于这个“缺陷”，导致 JavaScript 的所有网络操作，浏览器事件，都必须是异步执行。 异步执行可以用回调函数实现。 异步操作会在将来的某个时间点触发一个函数调用。 主流的异步处理方案主要有：回调函数 (CallBack) 、 Promise 、 Generator 函数、 async/...
前端使用异步的场景有哪些？
m0_64269288的博客
10-08 611
img.onload=function(){ //callback的形式。定时任务，如setTimeout、setInterval。1.网络请求，如 ajax请求、图片加载。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值