javascript事件循环

js单线程

js是单线程的，这样更有利与用户交互以及DOM操作;有关进程与线程的详细解释可以点击传送门；尽管webworker可以实现多线程，但本质上他还属于单线程，由webworker创建的线程都由主线程控制并且只能进行计算而已;

 js同步、异步

同步执行：即js主线程按顺序执行任务，如遇操作webAPI/ajax等代码时会等待其响应后面代码得不到执行，也就是下一个任务必须等到前一个任务执行完成；

异步执行：js是单线程的本身不具备异步能力，但浏览器可以;当js执行时遇到webAPI(如setTimeout/ajax等)，会立即返回一个值，从而不阻塞主线程，而真正的异步由浏览器执行，待完成后讲其回调函数推入js主线程的消息队列中等待主线程调用;

事件循环机制[Event-loop]

js执行时其主线程拥有一个执行栈[个人习惯叫调用栈](stack)和一个消息列队[也叫任务列队或事件列队](Event-queue)；当js执行时遇到函数function时会将其入栈待函数执行完在出栈，主线程调用执行栈并执行，如果遇到webAPI会异步执行;当执行栈中没有任务时，主线程会查询消息列队，如查询成功，则将查询的任务入栈执行，直到执行栈为空，再次查询消息列队，这样形成一个循环就是大名鼎鼎的事件循环[Event-loop]；由于异步执行是浏览器完成的这也就好理解为什么js线程阻塞时操作dom事件会在线程恢复后依次执行,[js主线程的任务列队是浏览器推入的，js线程阻塞!==浏览器线程阻塞，换言之即是主线程阻塞也不妨碍向任务列队推入任务]；画个草图;

再来段代码:

　　　　　　// 主线程执行fn1任务 1      function fn1(){         console.log("任务1执行")        // 遇到webAPI立即返回 这里是undefined值 并交给浏览器对应线程处理 2         // 浏览器收到后 0 毫秒将回调函数推入消息列队; 异步执行        setTimeout(function(){// 查询到一个回调任务 入栈执行  5        console.log("回调1执行")          // 遇到webAPI立即返回 这里是undefined值 并交给浏览器对应线程处理 6           // 浏览器收到后 500  毫秒将回调函数推入消息列队; 异步执行          setTimeout(function(){// 查询到一个回调任务 入栈执行  7            console.log("回调2执行")          },500)        },0)      }      // 主线程执行fn2任务 3      function fn2(){console.log("任务2执行")}      // 执行栈没有可执行任务 开始查询消息列队 4

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：javascript事件循环

关键词：JavaScript