
JS异步
文章平均质量分 85
程序媛小y
一枚前端程序媛
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Fetch入门
Body.blob()读取 Response 对象并且将它设置为已读(因为 Responses 对象被设置为了 stream 的方式,所以它们只能被读取一次),并返回一个被解析为 Blob 格式(二进制格式,包含二进制数据信息)的 Promise 对象。Body.text()读取 Response 对象并且将它设置为已读(因为 Responses 对象被设置为了 stream 的方式,所以它们只能被读取一次),并返回一个被解析为 USVString 格式(文本格式)的 Promise 对象。原创 2022-10-17 12:33:12 · 9663 阅读 · 0 评论 -
Promise实现
Promise实现整体代码/*自定义Promise函数模块:IIFE */(function (window) { //Promise构造函数 //executor:执行器函数(同步执行) function Promise(executor) { //将当前promise对象保存起来 const self = this self.PromiseState = 'pending' //给promise对象指定PromiseState属性, 初始值为p原创 2022-02-01 18:09:33 · 600 阅读 · 0 评论 -
Ajax、Fetch、Axios三者的区别
Ajax、Fetch、Axios三者的区别文章目录Ajax、Fetch、Axios三者的区别AjaxFetchAxios三者对比:为什么比起 fetch 更倾向于选择 Axios1.浏览器兼容方面2.请求取消3.JSON结果转换4.拦截器5.CSRF保护Ajaxajax基本知识点 👉Ajax学习笔记本身是针对MVC的编程,不符合现在前端MVVM的浪潮Ajax 是一种思想,XMLHttpRequest 只是实现 Ajax 的一种方式。其中 XMLHttpRequest 模块就是实现 Ajax 的一原创 2022-05-07 11:37:56 · 2918 阅读 · 0 评论 -
【axios】学习笔记
【axios】学习笔记文章目录【axios】学习笔记一、axios是什么axios 特点axios 常用语法及举例一个🌰二、默认配置三、原理图四、axios.create(config)介绍一个🌰五、拦截器一个🌰多个拦截器输出顺序六、取消请求一、axios是什么前端最流行的 ajax 请求库react/vue 官方都推荐使用 axios 发 ajax 请求axios 特点基于 xhr + promise 的异步 ajax 请求库浏览器端/node 端都可以使用支持请求/响应拦截器原创 2022-05-07 10:49:46 · 332 阅读 · 1 评论 -
【promise】注意点
【promise】注意点一、promise异常穿透当使用 promise 的 then 链式调用时, 可以在最后指定失败的回调前面任何操作出了异常, 都会传到最后失败的回调中处理在.then()中, 我们经常传入onResolved用以处理成功时的数据, 一般不在then里面传入onRejected, 而处理失败的数据一般放在最后的.catch()中:// 现在执行失败:new Promise((resolve, reject) => { reject('失败了')}).then原创 2022-05-05 19:29:57 · 389 阅读 · 0 评论 -
【Promise】代码输出面试题
【Promise】代码输出面试题文章目录【Promise】代码输出面试题promise相关1.11.21.31.41.5 --> finally1.61.71.8关于promise.then.then2.12.22.32.42.52.6async,await相关3.13.23.3 --> try catch3.43.53.6关于 Promise.resolve4.1总结:promise相关1.1const promise = new Promise((resolve, reject) =原创 2022-05-05 18:06:01 · 626 阅读 · 1 评论 -
【JS异步】async 与 await
async 与 await文章目录async 与 awaitasync 函数用法await 表达式注意async 函数函数的返回值为promise 对象promise 对象的结果由async 函数执行的返回值决定async function main() { return 1}let result = main();console.log(result);/*Promise[[Prototype]]: Promise[[PromiseState]]: "fulfilled原创 2022-04-26 15:30:31 · 410 阅读 · 0 评论 -
【JS异步】PromiseAPI(二)
【JS异步】PromiseAPI(二)文章目录【JS异步】PromiseAPI(二)一、API使用Promise.prototype.then()Promise.prototype.catch()Promise.prototype.finally()Promise.all()Promise.race()Promise.allSettled()Promise.any()Promise.resolve()(1)参数是一个 Promise 实例(2)参数是一个`thenable`对象(3)参数不是具有`then原创 2022-04-26 10:46:06 · 240 阅读 · 0 评论 -
【JS异步】Promise入门(一)
文章目录一、Promise是什么Ⅰ基本理解1. 概念:2. 特点:3. 缺点:Ⅱ Promise的状态① promise 的状态② promise 的状态改变Ⅲ 基本流程Ⅳ promise基本使用1.使用 promise 封装基于定时器的异步2.使用 promise 封装 ajax 异步请求3.fs模块使用Promise二、为什么要用Promise① 指定回调函数的方式更加灵活② 支持链式调用, 可以解决回调地狱问题1. 什么是回调地狱2. 回调地狱的缺点?3. 解决方案一、Promise是什么Ⅰ基本原创 2022-04-02 19:15:51 · 612 阅读 · 0 评论 -
【JS异步】Ajax学习笔记
【JS异步】Ajax学习笔记文章目录【JS异步】Ajax学习笔记一、Ajax简介1. XML简介2. Ajax的优缺点① Ajax的优点② Ajax的缺点二、原生Ajax1.Ajax的使用2.Get方式3.Post方式4.解决ie缓存问题5.请求超时与网络异常6.取消请求7.重复请求问题三、Axios发送Ajax请求1.axios.get( )2.axios.post()3.axios() 通用方法一、Ajax简介AJAX 简介 AJAX 全称为 Asynchronous JavaScript An原创 2022-04-02 18:34:41 · 742 阅读 · 0 评论