async和promise都是异步方法,区别是async生成的结果是promise对象,async是promise的终结版. await只能在async中使用,await是阻塞的意思,就是暂停,你一起调用2个接口,第一个执行完,不输出结果,要等最第二个接口执行完,才返回这两个的结果.   现在一块请求两个对象 请求的对象1 function nvm(num){ return new Promise((resolve, reject)=>{ setTimeout(()=>{ resolve(nu…

先用一个例子来说明async await promise的执行顺序 console.log('start'); async function test(){ console.log('111'); await new Promise((resolve,reject)=>{ setTimeout(()=>{ console.log('finish') resolve('haha'); },6000) }) console.log('start promise2') return await ne…

之前的博客漫谈前端优化中的引用资源优化曾经提到过脚本引用异步设置defer.async,没有细说,这里展开一下,谈谈它们的作用和区别,先上张图来个针对没用过的小伙伴有个初始印象: 是的,就是在页面脚本引用的时候设置defer或者async,为什么会有这两个属相来辅助脚本加载那,因为浏览器在遇到script标签的时候,文档的解析会停止,不再构建document,有时打开一个网页上会出现空白一段时间,浏览器显示是刷新请求状态(也就是一直转圈),这就会给用户很不好的体验,defer和async的合理使…

很久以前就学习过Async和Promise,但总是一知半解的. 今天在写NodeJS的时候,发现好多第三方库使用回调,这样在实际操作中会出现多重回调,这就是传说中的JS回调地狱. 举个例子 有一个方法调用redis,访问一个Hash对象表,获取到返回值后,将返回值插入到redis的另外一个Hash对象表中. testCallbackAction(){ let redis = RedisClient(); let key = 'xx'; redis.hget(redisTable1,key, (e…

koa是下一代的Node.js web框架. 我们首先使用koa来实现一个简单的hello world吧!假如目前的项目结构如下: ### 目录结构如下: koa-demo1 # 工程名 | |--- app.js # node 入口文件 | |--- node_modules # 项目依赖包 | |--- package.json app.js 代码如下: const Koa = require('koa'); const app = new Koa(); app.use(async (ctx…

一.Pomise.all的使用 常见使用场景 : 多个异步结果合并到一起 Promise.all可以将多个Promise实例包装成一个新的Promise实例.用于将多个Promise实例,包装成一个新的Promise实例. 1.它接受一个数组作为参数. 2.数组可以是Promise对象,也可以是其它值,只有Promise会等待状态改变. 3.当所有的子Promise都完成,该Promise完成,返回值是全部值的数组. 4.如果有任何一个失败,该Promise失败,返回值是第一个失败的子Promi…

axios 进行同步请求(async+await+promise) 遇到的问题介绍 将axios的异步请求改为同步请求想到了async 和await.Promise axios介绍 Axios 是一个基于 promise 的 HTTP 库,它支持 Promise API. 普通常见的请求 axios.post('getsomething').then( res => { // 进行一些操作 } ) async 和 await 而 async/await 是一种建立在Promise之上的编写异步或…

当浏览器遇到 script 标签时,文档的解析将停止,并立即下载并执行脚本,脚本执行完毕后将继续解析文档.但是我们可以将脚本标记为 defer,这样就不会停止文档解析,等到文档解析完成才执行脚本,也可以将脚本标记为 async,以便由其他线程对脚本进行解析和执行. 三者之间的区别? script 当浏览器遇到 script 标签时,文档的解析将停止,并立即下载并执行脚本,脚本执行完毕后将继续解析文档. defer script 当浏览器遇到 script 标签时,文档的解析不会停止,其他线程将下…

async 异步函数,以后可能会用得很广. 1.箭头函数: 没有{ }时不写return 也有返回值 2.Promise : 异步神器,很多异步api都是基于Promise 3.new Promise().then().then().catch() :第一个then触发条件:是 Promise() 实例化时resolve()触发, 第二个及以后的then() 触发条件是前一个then() 执行完成,并且将return值作为下一个then的参数. 4.async: 异步函数 5.await : 后…

es7 async方案 /******************async***********************/ var timeFn=function(time){ return new Promise(function(resolve,reject){ setTimeout(function(){ console.log(2) resolve(3); },time) }) } var asyncFn=async function (){ console.log(1) var parm…