先来一道关于async/await.promise和setTimeout的执行顺序的题目: async function async1() { console.log('async1 start'); await async2(); console.log('asnyc1 end'); } async function async2() { console.log('async2'); } console.log('script start'); setTimeout(() => { conso…

看到过下面这样一道题: (function test() { setTimeout(function() {console.log(4)}, 0); new Promise(function executor(resolve) { console.log(1); for( var i=0 ; i<10000 ; i++ ) { i == 9999 && resolve(); } console.log(2); }).then(function() { console.log(5);…

setTimeout(function() { console.log(1); }, 0); new Promise(function(res, rej) { res(2); console.log(0); }).then(console.log); console.log(3); 执行顺序如下: setTimeout 的任务会被排到队列尾部,同步任务执行结束后立即执行 setTimeout(即 console.log(1)): 而 promise 一旦建立,其中的任务就会立即执行(即 cons…

提出问题,问题代码为 setTimeout(function(){console.log(1)},0); new Promise(function(resolve){ console.log(2) for( var i=0 ; i<100 ; i++ ){ i==99 && resolve() } console.log(3) }).then(function(){ console.log(4) }); console.log(5); 在控制台运行其结果为: 疑问:既然promise…

先用一个例子来说明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…

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…

浅谈循环中setTimeout执行顺序问题 (下面有见解一二) 期望:开始输出一个0,然后每隔一秒依次输出1,2,3,4. for (var i = 0; i < 5; i++) { setTimeout(function() { console.log(i); }, 1000 * i); } 结果:输出5. 原因:setTimeout 使函数延迟1s执行,而for循环执行完成还不到0.1秒,到执行函数的时候,其实 i 已经变成5了,因此console.log(i)输出5. 解决方法一:使用le…

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

const testArr = [ () => { return new Promise((resolve, reject) => { setTimeout(()=> { alert(1); resolve(); }, 300); }); }, () => { return new Promise((resolve, reject) => { setTimeout(()=> { alert(2); resolve(); }, 500); }); }, () =>…

An async function can contain an await expression that pauses the execution of the async function and waits for the passed Promise's resolution, and then resumes the asyncfunction's execution and returns the resolved value. Remember, the await keywor…