JavaScript 异步学习笔记(四)

最新推荐文章于 2022-06-29 09:00:00 发布
最新推荐文章于 2022-06-29 09:00:00 发布
阅读量123 收藏
点赞数
分类专栏： 前端 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lijieling123/article/details/117406980
版权
本文详细介绍了Python中的async和await语法，包括它们在普通函数、函数表达式、对象及类中的声明方式。同时，探讨了如何在函数体内和外部进行错误处理，并分享了利用await实现并行执行Promise的技巧，如使用.all方法协调多个任务。
摘要由CSDN通过智能技术生成

学习视频

P31 async与await语法糖
await要放到async里面

P35 class与await的结合
在这里插入图片描述

P36 异步封装在类内部
在这里插入图片描述

P37 async和await的多种声明
普通函数的声明
在这里插入图片描述

函数表达式的声明
在这里插入图片描述

对象的声明
在这里插入图片描述

类的声明
在这里插入图片描述

P38-39 async基本错误处理
可以在函数体里面解决，也可以在外面解决

P40 await并行技巧
1.方法前面不加await的时候并行执行，最后再用await来接收前面已经执行了的Promise
2.用.all方法
在这里插入图片描述

lijieling123
关注
专栏目录
javascript学习笔记
11-24
随着深入学习，你将接触到更高级的概念，如闭包、异步编程（回调函数、Promise、async/await）、模块系统以及现代框架如React、Vue和Angular的使用。JavaScript的广泛应用和不断发展，使得掌握它成为任何Web开发者的...
前端async await使用方法
最新发布
前端开发工程师博客
07-20 468
程序员提升，逃不过的一个话题就是代码的执行效率，后端如此，前端也是如此，所以async/await异步开发就是大家提升自己代码效率的一个重要知识点，Python如此，JS亦如此，那么我们今天基于JS聊聊async/await异步编程。
ES6学习async和await笔记
qq_43712187的博客
11-07 271
一、 async&await 1、 async（异步）和await（async wait）是用来处理异步的。即你需要异步如同同步一样执行（实现单线程），需要异步返回结果之后，再往下依据结果继续执行（但是前提是await后面跟的是promise对象—且Promise对象中有异步操作例如定时器返回的值用resolve返回） 2、await只能放在async函数内部使用 3、await 用于一...
对于js的async和await的理解分析
浮生离梦的博客
06-22 1万+
一、async和await async和await的概念 1）async 函数是 Generator 函数的语法糖，使用 关键字 async 来表示，在函数内部使用 await 来表示异步 2）ES7 提出的async 函数，终于让 JavaScript 对于异步操作有了终极解决方案 3）async 作为一个关键字放到函数的前面，用于表示函数是一个异步函数，该函数的执行不会阻塞后面代码的执...
javascript中的事件循环机制
酒客的博客
11-30 1190
javaScript中的事件循环机制(Event Loop) 一、概念 ​ JavaScript 有一个基于事件循环的并发模型，事件循环负责执行代码、收集和处理事件以及执行队列中的子任务。这个模型与其它语言中的模型截然不同，比如 C 和 Java。（摘自MDN） ​ 简单地说，对于 JS 运行中的任务，JS 有一套处理收集，排队，执行的特殊机制，我们把这套处理机制称为事件循环（Event Loop）。 单线程 ​ JS 单线程指的是 javascript 引擎（如V8）在同一时刻只能处理一个任务。 ​ 有人
JavaScript中异步函数async、await
m0_71485750的博客
06-29 1755
async关键字用于声明一个异步函数：async异步函数和普通函数一样可以有很多中写法： 异步函数返回值 异步函数的内部代码执行过程和普通的函数是一致的，默认情况下也是会被同步执行。异步函数有返回值时，和普通函数会有区别(异步函数返回的是一个Promise)：情况一：异步函数有普通的返回值时，异步函数的返回值相当于被包裹到Promise.resolve中； 情况二：如果我们的异步函数的返回值是Promise，状态由会由Promise决定； 情况三：如果我们的异步函数的返回值是一个对象并且实现了the
JavaScript个人学习笔记
02-18
此外，JavaScript还有许多其他特性，如作用域、闭包、原型链、异步编程等，这些都是深入学习JavaScript时需要掌握的重要概念。随着技术的发展，现代JavaScript（如ES6及以上版本）引入了更多的新特性，如箭头函数、...
javascript异步编程代码书写规范Promise学习笔记
10-24
通过学习Promise，开发者能够更好地管理JavaScript中的异步流程，提高代码质量。在现代JavaScript中，Promise已经成为ES6标准的一部分，而不再仅仅依赖于jQuery或其他库。了解并掌握Promise，对于任何JavaScript...
JavaScript学习笔记
06-23
本资源“JavaScript学习笔记”是为初学者精心准备的一份教程，旨在帮助你快速掌握JavaScript的基础知识，并解决在学习过程中可能遇到的问题。 1. **变量与数据类型**： JavaScript支持多种数据类型，包括基本类型...
js异步函数(async/await)
涛涛子的博客
07-20 3590
1.概念 异步函数也称为“asynac/await”(语法关键字)，是ES6期约模式在ECMAScript函数中的应用。async/await是ES8新增的。这个特性让以同步方式写的代码能够异步执行。 2.async async关键字用于声明异步函数。这个关键字可以用在函数声明、函数表达式、箭头函数和方法上。 async function foo(){}; let bar=async function(){}; let baz=async ()=>{}; class Qux{ asy
【JS技巧】使用顶层 await 简化 JS 代码
小钿钿不忘初心的博客
03-29 5648
前言 JavaScript 是一种流行的编程语言，最初被设计为单线程和同步的语言，意味着程序需要在不等待获取外部资源或者耗时的计算的情况下一步一步的运行。如果脚本需要这样的资源或计算，这种同步行为将导致错误。这会阻塞队列中的所有其他进程运行，无论它们是否依赖于那些阻塞中的任务。 但很久以前，JavaScript 引入了一个机制让其可以在等待外部资源或者耗时任务的时候去执行其剩余的代码。这种异步行为是通过在函数上使用回调或 promise 来实现的。 什么是回调和promise 我将通过代码来解释这些概念。如
JS中的async/await的用法和理解
热门推荐
刘泽海的博客
09-18 2万+
1、首先需要理解async 和 await的基本含义 async 是一个修饰符，async 定义的函数会默认的返回一个Promise对象resolve的值，因此对async函数可以直接进行then操作,返回的值即为then方法的传入函数 // 0. async基础用法测试 async function fun0() { console.log(1) return 1 } fun0().then( x => { console.log(x) }) // 输出结果 1，..
js函数柯里化 + class + async await 思想封装我们的Api
weixin_42541698的博客
08-24 1815
所谓"柯里化"，就是把一个多参数的函数，转化为单参数函数 在项目中，例如定义了如下请求接口的方法： 1. 柯里化封装之前 // a.js文件 import Oceanus from "../../utils/Oceanus"; let params = { a: 1, b: 2 } Oceanus.OnSetFuncCall( "Factory", "EW_FACTORY", "EW_...
js 面向对象编程和 async 结合使用问题整理
本博客纯属个人网络笔记，如对阁下有用，甚喜；否则，关掉即可，不喜勿喷。专心写代码，不做键盘侠！
02-28 3202
背景 ES6引入了Class（类）这个概念，通过class关键字可以定义类。该关键字的出现使得其在对象写法上更加清晰，更像是一种面向对象的语言。作为Java开发者，对这种写法会一见如故，但是它又跟Java的面向对象编程语法有所不同，还有一种诡异的情况是在一个js的class内部中可能this对象是undefined。 本文将整理node.js编写服务端代码过程中的一些小问题，对于js而言，我是门外...
携程前端面试题目总结-牛客 （一）
lijieling123的博客
06-02 878
问题 如何利用webpack来优化前端性能？ 压缩代码。删除多余的代码、注释、简化代码的写法等等方式。 利用CDN加速。在构建过程中，将引用的静态资源路径修改为CDN上对应的路径。 额外：element-ui借用了bootstrap框架的思想，使用了栅格布局 HTML居中怎么实现，大概怎么做 一、text-align:center; 这个是没有浮动的情况下，我们可以先将要居中的块级元素设为inline/inline-block，然后在其父元素上加上属性text-align:center;即可。如
传输协议
lijieling123的博客
05-21 811
OSI七层协议 应用层：各种应用软件，协议：DNS、FTP、HTTP、SMTP等 表示层：定义数据格式和加密 会话层：控制应用程序的会话能力 传输层：最关键的一层，负责整体的数据传输和数据控制，协议：TCP、UDP等 网络层：负责寻找地址，路由选择，阻塞控制 数据链路层：物理地址寻址、数据的成帧、流量控制等，协议：ARP等 物理层：为上层协议提供了一个传输数据的物理媒体 tcp和udp tcp三次握手，为什么需要三次 确保建立可靠连接 避免资源浪费 为了防止已经失效的连接请求报文段突然又传到服务端，因
前后端分离
lijieling123的博客
04-09 777
前后端分离解决了一个问题，那就是静态资源(页面)和动态资源(数据接口)的分离，以前的jsp因为是直接把数据嵌入页面的导致页面资源也是动态的，接下来需要引入cdn缓存的概念，涉及的是运维方面的知识，静态资源一旦进入缓存，是可以有效降低服务器的负载的 cdn缓存是服务器缓存， cdn就是代理 和Http类似，客户端请求数据时，先从本地缓存查找，如果被请求数据没有过期，拿过来用，如果过期，就向CDN边缘节点发起请求。CDN便会检测被请求的数据是否过期，如果没有过期，就返回数据给客户端，如果过期，CDN再向源站发
Promise.resolve(v)和new Promise(r =＞ r(v))的对比
lijieling123的博客
07-21 643
当v是一个Promise实例 new Promise(r => r(v)) let v = new Promise(resolve => { console.log("begin"); resolve("then"); }); new Promise(resolve => { resolve(v); }).then((v)=>{ console.log(v) }); new Promise(resolve => {
WeakMap和Map的区别以及WeakMap限制只能用对象作为键的原因
lijieling123的博客
07-29 615
WeakMap和Map的区别 Map的键值可以是原始数据类型和引用类型，WeakMap的键值只能是引用类型 Map可以迭代遍历键，WeakMap不可迭代遍历键 Map所构建的实例是需要手动清理，才能被垃圾回收清除，而WeakMap只要外部的引用消失，所对应的键值对就会自动被垃圾回收清除 很多博客写着WeakMap的键名所指向的对象，不计入垃圾回收机制，一直不理解这个不计入垃圾回收机制的意思，总以为是不能被回收，给想反了，其实是说保存的对象不会增加引用计数器，如果一个对象不被引用了会自动删除 Weak
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值