看例子就行了,废话不多说!   async function checkStatus(name){   return new Promise((resolve,reject) => {       var that = this;       this.timer = setTimeout(()=>{         // clearTimeout(that.timer); -- todo 这里取消注释会有问题,难道timer冲突了?         if(name === "suc…

1.Promise (名字含义:promise为承诺,表示其他手段无法改变) Promise 对象代表一个异步操作,其不受外界影响,有三种状态: Pending(进行中.未完成的) Resolved(已完成,又称 Fulfilled) Rejected(已失败) promises的优势 1.解决回调地狱 2.更好地进行错误捕获 有时我们要进行一些相互间有依赖关系的异步操作,比如有多个请求,后一个的请求需要上一次请求的返回结果.过去常规做法只能 callback 层层嵌套,但嵌套层数过多的话就会有…

前言 异步编程模式在前端开发过程中,显得越来越重要.从最开始的XHR到封装后的Ajax都在试图解决异步编程过程中的问题.随着ES6新标准的到来,处理异步数据流又有了新的方案.我们都知道,在传统的ajax请求中,当异步请求之间的数据存在依赖关系的时候,就可能产生很难看的多层回调,俗称'回调地狱'(callback hell),这却让人望而生畏,Promise的出现让我们告别回调函数,写出更优雅的异步代码.在实践过程中,却发现Promise并不完美,Async/Await是近年来JavaScript…

业务场景描述 大家都通过互联网投递过简历,比如在智联.58.猎聘等平台.投递心仪的职位前一般都需要前提创建一份简历,简历编辑界面常规的布局最上面是用户的个人基本信息,如姓名.性别.年龄.名族等,接着是用户的工作履历.项目经验.培训经历.擅长技能等详细信息.布局的结尾或首部都会有保存按钮,方便用户一键保存填写的信息. 假如此业务利用vue开发,可以将个人基本信息.项目经验.擅长技能 各自做成一个独立的单文件组件,组件内自己进行数据的获取和保存操作,最后将这些组件组合到一起形成一个简历编辑页面,在编…

Promise 是 ES 6 Async/Await 是 ES 7 Rxjs 是一个 js 库 在使用 angular 时,你会经常看见这 3 个东西. 它们都和异步编程有关,有些情况下你会觉得用它们其中任何一个效果都一样. 但又觉得好像哪里不太对.... 这篇就来说说,我在开发时的应用方式. 在 Typescript 还没有支持 Async/Await 的时候, angular 就已经发布了. 那时我们只想着 Promise vs Rxjs 这 2 者其实很好选择, 因为 "可读性"…

先说一下async的用法,它作为一个关键字放到函数前面,用于表示函数是一个异步函数,因为async就是异步的意思, 异步函数也就意味着该函数的执行不会阻塞后面代码的执行. 写一个async 函数 async function timeout() { return 'hello world';}  语法很简单,就是在函数前面加上async 关键字,来表示它是异步的,那怎么调用呢?async 函数也是函数,平时我们怎么使用函数就怎么使用它,直接加括号调用就可以了,为了表示它没有阻塞它后面代码的执行,…

一.resolve 当a>0时,正常情况依次输出A.B.C console.log("A"); let result = await this.test(); console.log("C:",result); private test(){ return new Promise((resolve,reject)=>{ console.log("B"); let a = 3; if(a > 0){ resolve(a); }el…

class Person { async getVersion () { return new Promise((resolve, reject) => { setTimeout(function () { resolve('1.0'); // reject('fail') }, 1000); }) } } const start = async () => { var p = new Person(); const data = await p.getVersion(); console.l…

Promise: Promise为了解决异步回调地狱而生的,其解决方法就是链式调用promise.then()或promise.all(); Promise有两个参数,resolve和reject,第一个代表正确的返回处理,第二个代表异常的返回处理! function promise1(){ let num = 0; return new Promise((resolve,reject)=>{ setTimeout(()=>{ num++; resolve(num); },3000); });…

上节中忘记讲:Iterator接口和Generator函数的关系了,Symbol.iterator方法的最简单的实现就是通过Generator函数: let myIterable = { [Symbol.iterator]:function* (){ yield 1; yield 2; yield 3; } } let aa = [...myIterable]; aa //[1, 2, 3] 用Generator函数写Symbol.iterator方法几乎不用部署任何代码,只要yield命令给出…