2021年10月14日

axios学习

摘要： Axios是一个基于promise的HTTP库，可以用在浏览器和node.js中。安装使用npm: $ npm install axios 使用bower $ bower install axiso 使用cdn： <script src='https://unpkg.com/axios/dist 阅读全文

posted @ 2021-10-14 18:55 leiyanting 阅读(101) 评论(0) 推荐(0)

2021年10月13日

axios学习---取消请求

摘要： //获取按钮 const btns = document.querySelectorAll('button'); //2.声明全局变量 let cancel = null; //发送请求 btns[0].onclick = function(){ //检测上一次的请求是否已经完成 if(cancel 阅读全文

posted @ 2021-10-13 20:57 leiyanting 阅读(67) 评论(0) 推荐(0)

2021年10月12日

promise学习---中断promise链(then回调链)

摘要：中断 promise 链 (1) 当使用 promise 的 then 链式调用时, 在中间中断, 不再调用后面的回调函数 (2) 办法: 在回调函数中返回一个 pendding 状态的 promise 对象 let p = new Promise((resolve, reject) => { se 阅读全文

posted @ 2021-10-12 19:55 leiyanting 阅读(416) 评论(0) 推荐(0)

promise学习---异常穿透

摘要： promise 异常传透 (1) 当使用 promise 的 then 链式调用时, 可以在最后指定失败的回调, (2) 前面任何操作出了异常, 都会传到最后失败的回调中处理向如下这种情况.第一个then回调返回的是失败状态,但是因为有异常穿透的特性,所以只需要在末尾有catch回调即可 let 阅读全文

posted @ 2021-10-12 19:52 leiyanting 阅读(280) 评论(0) 推荐(0)

promise学习---promise串连多个操作任务

摘要： (1) promise 的 then()返回一个新的 promise, 可以开成 then()的链式调用 (2) 通过 then 的链式调用串连多个同步/异步任务 let p = new Promise((resolve, reject) => { setTimeout(() => { resolv 阅读全文

posted @ 2021-10-12 19:36 leiyanting 阅读(110) 评论(0) 推荐(0)

promise学习---promise.then()返回的新 promise 的结果状态

摘要： (1) 简单表达: 由 then()指定的回调函数执行的结果决定 (2) 详细表达: ① 如果抛出异常, 新 promise 变为 rejected, reason 为抛出的异常 ② 如果返回的是非 promise 的任意值, 新 promise 变为 resolved, value 为返回的值 ③ 阅读全文

posted @ 2021-10-12 19:30 leiyanting 阅读(489) 评论(0) 推荐(0)

promise学习---改变 promise 状态和指定回调函数的先后

摘要： (1) 都有可能, 正常情况下是先指定回调再改变状态, 但也可以先改状态再指定回调 (2) 如何先改状态再指定回调? 当promise对象中是异步操作的时候是先制定回调再改变状态 ① 在执行器中直接调用 resolve()/reject() ② 延迟更长时间才调用 then() (3) 什么时候才能阅读全文

posted @ 2021-10-12 19:23 leiyanting 阅读(80) 评论(0) 推荐(0)

promise学习---执行多回调问题(相当于一个状态是否能执行多个then对应的状态回调)

摘要：当 promise 改变为对应状态时都会调用 let p = new Promise((resolve, reject) => { // resolve('OK'); }); ///指定回调 - 1 p.then(value => { console.log(value); }); //指定回调 - 阅读全文

posted @ 2021-10-12 19:17 leiyanting 阅读(83) 评论(0) 推荐(0)

promise学习---如何修改对象状态

摘要： let p = new Promise((resolve, reject) => { //1. resolve 函数 resolve('ok'); // pending => fulfilled (resolved) 成功状态 //2. reject 函数 reject("error");// pe 阅读全文

posted @ 2021-10-12 19:13 leiyanting 阅读(77) 评论(0) 推荐(0)

promise学习---promise的API

摘要： 1. Promise 构造函数: Promise (excutor) {} (1) executor 函数: 执行器 (resolve, reject) => {} (2) resolve 函数: 内部定义成功时我们调用的函数 value => {} (3) reject 函数: 内部定义失败时我们阅读全文

posted @ 2021-10-12 08:26 leiyanting 阅读(64) 评论(0) 推荐(0)

导航

2021年10月14日

2021年10月13日

2021年10月12日