JavaScript 异步学习笔记(二)

最新推荐文章于 2024-06-18 09:26:21 发布
最新推荐文章于 2024-06-18 09:26:21 发布
阅读量96 收藏
点赞数
分类专栏： 前端 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lijieling123/article/details/117354564
版权

https://www.bilibili.com/video/BV15J411G7FG?from=search&seid=17520211839469801890

P11 Promise.then也是一个Promise
两个Promise：P1,P2
放主线程打印的时候，P2还不知道自己是P1来的，所以P2的状态是pedding
加了定时器后微任务前与宏任务,P2就知道自己是P1来的，所以P2的状态是resolved

P12 then返回值的处理技巧
一个Promise一个解决的办法，都是对应的，链式。
但是紧前的那个then要return才有
总之就是后面的then就是对前面返回的Promise的处理

P13 其它类型的Promise封装
对象或者静态类里面的then方法都可以

P14 使用Promise封装AJAX异步请求
就是把AJAX原来方法的回调函数换成Promise, 这样后面就可以多个then去调用之前上个接口返回的数据，不用一直回调

P15 Promise错误的处理
catch可以放到最后面捕获所有的错误，如果有的Promise想单独做错误处理，可以单独在那里写原来的reason=>{}，这时候这个Promise就不会走最后的catch

P16 自定义错误处理
网络请求是异步的，不能用throw抛出异常，要用rejected。throw抛出异常只能在同步代码块的地方用

P17 使用finally实现异步加载动画
finally无论成功还是失败都执行，用在网络请求的时候，请求完了把那个loading取消掉

P18 Promise异步加载图片

P19 Promise封装setTimeout定时器

P20 构建扁平化的setInterval
就是把之前一直用回调函数的嵌套换成then
注：setInterval() 方法会不停地调用函数， 直到 clearInterval() 被调用或窗口被关闭

lijieling123
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript异步编程代码书写规范Promise学习笔记
12-03
首先说明，Promise是为了解决javascript异步编程时候代码书写的方式产生的。 随着javascript的发展，异步的场景越来越多。前端有AJAX，setTimeout等，后端Node异步更多。按照传统的做法，那么就是各种回调嵌回调。...
javascript学习笔记
11-24
随着深入学习，你将接触到更高级的概念，如闭包、异步编程（回调函数、Promise、async/await）、模块系统以及现代框架如React、Vue和Angular的使用。JavaScript的广泛应用和不断发展，使得掌握它成为任何Web开发者的...
JavaScript学习笔记 01
最新发布
m0_63882057的博客
06-18 931
在写牛客时对前端三件套（html，css，js）的知识点进行复习。在学vue或者做项目时对知识点进行补充。(在旧笔记基础上写的，导致有的知识点非常古早…有的又是最近的……)
JavaScript 异步编程学习笔记
zhuzongzhi856的博客
03-17 220
JavaScript 的异步编程本内容为学习笔记 详情请见 阮一峰的网络日志：http://www.ruanyifeng.com/blog/2012/12/asynchronous%EF%BC%BFjavascript.html1、JavaScript 执行模式：同步 和 异步；1.1、同步1.1.1、优缺点优点：因为单线程，实现起来简单；缺点：执行效率低；1.1.2、解决方案为了解决 js 同...
JavaScript 学习笔记 总结
Jay17的博客
06-06 1137
JavaScript 学习笔记 总结
JavaScript高级程序设计（红宝书）学习笔记
m0_63882057的博客
03-09 1350
（：介绍了一些很宏观大概的与JS相关的内容，浮光掠影地过了一遍，对JS的定义和大概版本兼容组成有了一些认识。JavaScript是一种专为网页交互设计的脚本语言，由下列三种不同部分组成：①ECMAScript，提供核心语言功能②文档对象模型（DOM），提供访问和操作网页内容的方法和接口③浏览器对象模型（BOM），提供与浏览器交互的方法和接口。
JavaScript中的异步操作-学习笔记
lovewhoilove
08-11 867
1 关于异步操作的一些概念 虽然JavaScript引擎拥有多个线程，但是单个脚本只能在一个线程上运行，也就是说，JavaScript只能同时执行一个任务，其他的任务则必须在当前任务后面排队等待，这被称之为单线程模型。 在JavaScript中，程序里的任务可以被分为两类：同步任务和异步任务。 同步任务（synchronous）：即在主线程上执行的任务，并且之所以同步，是因为只有执行完前一个任务才能执行后一个任务。 异步任务（asynchronous）：说白了就是被JavaScript引擎放进任务队
js 同步和异步学习笔记
weixin_44565776的博客
06-02 275
js 同步和异步学习笔记
JS异步编程学习笔记
Carol_Lai的博客
03-18 948
目录JS引擎JS单线程JS运行时JS异步操作Promise对象promise.then(resolve, reject)资源获取XMLHttpRequestFetchasync/awaitaxios JS引擎 当前，最流行的JavaScript 引擎是谷歌的 V8 引擎，chrome和node用的都是v8引擎，其包含两个部分： 内存堆（Memory Heap）：内存分配发生的地方。当V8引擎遇到变量声明和函数声明的时候，就把它们存储在堆里面。 调用栈（Callback Stack）：代码执行时的地方。当引
学习笔记 JavaScript ES6 异步编程Promise
白鸽同学的博客
04-02 2767
Promise，ES里面对异步操作的第一种方案！ 学习Promise，让异常操作变得优雅~~~ Promise的精髓在于异步操作的状态管理~
异步操作学习笔记
fmk1023的博客
01-15 949
文章目录axios异步请求一、异步1.1 什么是单线程？1.2 为什么JavaScript是单线程？1.3 异步出现的原因？二、事件轮询 event-loop2.1 什么是event-loop/运行流程？三、ajax四、setTimeout五、axios5.1 axios基本使用5.2 axios全局配置5.3 常见的配置选项5.4 同时发送两个请求5.5 axios实例5.6 axios封装5.7 axios拦截器 axios异步请求 一、异步 1.1 什么是单线程？ JavaScript是单线程语言。只
JavaScript笔记
YANKUOP的博客
01-20 1706
JavaScript学习记录
JavaScript个人学习笔记
02-18
此外，JavaScript还有许多其他特性，如作用域、闭包、原型链、异步编程等，这些都是深入学习JavaScript时需要掌握的重要概念。随着技术的发展，现代JavaScript（如ES6及以上版本）引入了更多的新特性，如箭头函数、...
Java学习笔记CCS AJAX DMS JSP servlet JavaScript等中文笔记整理.rar
11-23
在这些学习笔记中，你可以深入理解Java的核心概念，包括语法、数据类型、控制结构、类与对象，以及异常处理等。Java_笔记整理部分可能详细介绍了这些基本概念，并提供了实际编程中的应用示例。 CSS（Cascading ...
携程前端面试题目总结-牛客 （一）
lijieling123的博客
06-02 868
问题 如何利用webpack来优化前端性能？ 压缩代码。删除多余的代码、注释、简化代码的写法等等方式。 利用CDN加速。在构建过程中，将引用的静态资源路径修改为CDN上对应的路径。 额外：element-ui借用了bootstrap框架的思想，使用了栅格布局 HTML居中怎么实现，大概怎么做 一、text-align:center; 这个是没有浮动的情况下，我们可以先将要居中的块级元素设为inline/inline-block，然后在其父元素上加上属性text-align:center;即可。如
传输协议
lijieling123的博客
05-21 803
OSI七层协议 应用层：各种应用软件，协议：DNS、FTP、HTTP、SMTP等 表示层：定义数据格式和加密 会话层：控制应用程序的会话能力 传输层：最关键的一层，负责整体的数据传输和数据控制，协议：TCP、UDP等 网络层：负责寻找地址，路由选择，阻塞控制 数据链路层：物理地址寻址、数据的成帧、流量控制等，协议：ARP等 物理层：为上层协议提供了一个传输数据的物理媒体 tcp和udp tcp三次握手，为什么需要三次 确保建立可靠连接 避免资源浪费 为了防止已经失效的连接请求报文段突然又传到服务端，因
前后端分离
lijieling123的博客
04-09 763
前后端分离解决了一个问题，那就是静态资源(页面)和动态资源(数据接口)的分离，以前的jsp因为是直接把数据嵌入页面的导致页面资源也是动态的，接下来需要引入cdn缓存的概念，涉及的是运维方面的知识，静态资源一旦进入缓存，是可以有效降低服务器的负载的 cdn缓存是服务器缓存， cdn就是代理 和Http类似，客户端请求数据时，先从本地缓存查找，如果被请求数据没有过期，拿过来用，如果过期，就向CDN边缘节点发起请求。CDN便会检测被请求的数据是否过期，如果没有过期，就返回数据给客户端，如果过期，CDN再向源站发
Promise.resolve(v)和new Promise(r =＞ r(v))的对比
lijieling123的博客
07-21 633
当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 598
WeakMap和Map的区别 Map的键值可以是原始数据类型和引用类型，WeakMap的键值只能是引用类型 Map可以迭代遍历键，WeakMap不可迭代遍历键 Map所构建的实例是需要手动清理，才能被垃圾回收清除，而WeakMap只要外部的引用消失，所对应的键值对就会自动被垃圾回收清除 很多博客写着WeakMap的键名所指向的对象，不计入垃圾回收机制，一直不理解这个不计入垃圾回收机制的意思，总以为是不能被回收，给想反了，其实是说保存的对象不会增加引用计数器，如果一个对象不被引用了会自动删除 Weak
JavaScript ES6 学习笔记：块级作用域、Promise、Class 等核心知识点
ES6 学习笔记 **块级绑定** 在 ES6 中，引入了块级绑定（Block Scope），解决了 var 声明变量的问题。块级绑定使得变量的作用域限定在当前块中，不会污染全局对象。 **变量声明** 在 ES6 中，引入了 let 和 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值