JavaScript中事件循环机制如何浅显易懂地解析?
- 内容介绍
- 文章标签
- 相关推荐
本文共计1019个文字,预计阅读时间需要5分钟。
前言:JavaScript是一门单线程的弱类型语言,但在开发中,我们经常会遇到需要异步或等待处理的操作。类似Ajax,或者ES6中新增加的Promise操作,用于处理回调函数等。
前言JavaScript是一门单线程的弱类型语言,但是我们在开发中,经常会遇到一些需要异步或者等待的处理操作。
类似ajax,亦或者ES6中新增的promise操作用于处理一些回调函数等。
在JavaScript代码执行过程中,可以分为同步队列和异步队列。
-
同步任务类似我们常说的立即执行函数,不需要等待可以直接进行,可以直接进入到主线程中去执行,类似正常的函数调用等。
-
异步队列则是异步执行函数,类似ajax请求,我们在发起的过程中,会进入到一个异步队列,加载到任务当中时,需要进行等待,之后才能进行返回值的处理。
下面一段代码,我们可以先了解一些一些关于事件循环机制的一些基本的原理
console.log('1');
setTimeout(function() {
console.log('4');
}, 0);
Promise.resolve().then(function() {
console.log('2');
}).then(function() {
console.log('3');
});
console.log('5');
我们将代码打印到控制台当中,输出结果是:1,5,2,3,4
我们知道,在JavaScript中,类似定时器,以及ES6新增的promise是异步函数,回到我们上面所说的队列的概念当中,不难得出,1和5为同步执行队列
在执行完同步队列中的代码之后,再执行异步队列中的代码。
本文共计1019个文字,预计阅读时间需要5分钟。
前言:JavaScript是一门单线程的弱类型语言,但在开发中,我们经常会遇到需要异步或等待处理的操作。类似Ajax,或者ES6中新增加的Promise操作,用于处理回调函数等。
前言JavaScript是一门单线程的弱类型语言,但是我们在开发中,经常会遇到一些需要异步或者等待的处理操作。
类似ajax,亦或者ES6中新增的promise操作用于处理一些回调函数等。
在JavaScript代码执行过程中,可以分为同步队列和异步队列。
-
同步任务类似我们常说的立即执行函数,不需要等待可以直接进行,可以直接进入到主线程中去执行,类似正常的函数调用等。
-
异步队列则是异步执行函数,类似ajax请求,我们在发起的过程中,会进入到一个异步队列,加载到任务当中时,需要进行等待,之后才能进行返回值的处理。
下面一段代码,我们可以先了解一些一些关于事件循环机制的一些基本的原理
console.log('1');
setTimeout(function() {
console.log('4');
}, 0);
Promise.resolve().then(function() {
console.log('2');
}).then(function() {
console.log('3');
});
console.log('5');
我们将代码打印到控制台当中,输出结果是:1,5,2,3,4
我们知道,在JavaScript中,类似定时器,以及ES6新增的promise是异步函数,回到我们上面所说的队列的概念当中,不难得出,1和5为同步执行队列
在执行完同步队列中的代码之后,再执行异步队列中的代码。

