//promise异步函数的请求终止 export default function markCancleble(promise){ let hasCanceled_ = false ; const wrappedPromise = new Promise((resolve,reject)=>{ // 传递过来的promise promise.then((val)=>{ hasCanceled_?reject({isCanceled:true}):resolve(val) }) promise…

前言:文章由本人在学习之余总结巩固思路,不足之前还请指出. 一.异步编程 首先我们先简单来回顾一下同步API和异步API的概念 1.同步API:只有当前的API执行完成之前,才会执行下一个API 例: console.log(‘first'); console.log('last); 结果: first last 2.异步API:当前API的执行不会阻塞后续代码的执行 例: console.log('first'); setTimeout( () => { console.log('last')…

可以满足需求,且使用方法和Promise.all统一 var a = function() { return new Promise(function(resolve, reject) { setTimeout(function() { console.log('a') resolve('a') }, 1000) }) } var b = function(data) { return new Promise(function(resolve, reject) { console.log('b'…

异步函数 异步函数是异步编程语法的终极解决方案,它可以让我们将异步代码写成同步的形式,让代码不再有回调函数嵌套,是代码变得清晰明了 const fn = async()=>{} async function fn(){} //1.在普通函数定义的前面加上async关键字 普通函数就变成了异步函数 //2.异步函数默认返回值是promise对象 //3.在异步函数内部使用throw关键字进行错误的抛出 async function fn(){ throw '发生了一些错误' return 123;…

1 async function async1(){ 2 console.log('async1 start') //2 3 await async2() 4 //await async2()后面的内容可以看做是callback里得内容即是异步 5 //类似eventloop,settimeout 6 //Promise.resolve().then(()=>{console.log(async1 end)}) 7 console.log('async1 end') //5 8 } 9 10 a…

Promise的概念 Promise 对象用于异步(asynchronous)计算..一个Promise对象代表着一个还未完成,但预期将来会完成的操作. Promise的几种状态: pending:初始状态,即等待操作的执行 fulfilled:成功的操作 rejected:失败的操作 pending的状态既可以转为fulfilled,也可以转为rejected,当状态发生改变时,promise.then(onFulfilled, onRejected)方法将被调用 Promise的基本用法 1…

应用 ES6 的 内置对象 Promise, 让异步函数 按顺序执行的例子 如下: 上边 是四个用Promise 处理过的 异步执行的函数: fn1.fn2.fn3.fn4 下面,让其按顺序执行 如下: 测试代码: const fn1 = () => { return new Promise((resolve, reject) => { setTimeout(() => { console.log(111) resolve() }, 100); }) } const fn2 = () =…

JS 异步已经告一段落了,这里来一波小总结 1. 回调函数(callback) setTimeout(() => { // callback 函数体 }, 1000) 缺点:回调地狱,不能用 try catch 捕获错误,不能 return 回调地狱的根本问题在于: 缺乏顺序性: 回调地狱导致的调试困难,和大脑的思维方式不符 嵌套函数存在耦合性,一旦有所改动,就会牵一发而动全身,即(控制反转) 嵌套函数过多的多话,很难处理错误 ajax('XXX1', () => { // callback…

之前翻看别的大佬的博客看到了关于setTimeout,promise还有async执行顺序的文章.观看了几篇之后还是没有怎么看懂,于是自己开始分析代码,并整理了此文章,我相信通过此文章朋友们能对异步同步还有,setTimeout,Promise,async这些内容了然于胸,接下来让我们走入正题: 这是别的大佬博客里面的代码: async function async1() { console.log('async1 start') await async2() console.log('asyn…

少年别激动 我的这份随笔里面只涉及promise概念 如果想深入了解Promise的用法 可以去阮老师es6入门里面详读 奉上链接 http://es6.ruanyifeng.com/#docs/promise 我的这份笔记很短 只是简单的介绍了下什么是Promise 什么是Promise呢 肯定会有和我一样的童鞋说 promise是承诺 对它的英文名的确是承诺 但它原本可不是这样的 原本翻译为普罗米修斯 好像是一位天神 神又是什么呢 神可以预知未来啊!!! 那我理解成Promise就是神就是可…