Js事件循环

列表

  1. JavaScript事件循环
  2. 测试金字塔
  3. stub

JavaScript事件循环理解

javaScript语言的核心就是单线程事件循环,早期在浏览器中因为很难去处理用户多个行为对应多线程的操作设置。Nodejs也继承了这一友好特性。
按照阮一峰老师所说,JavaScript有一个执行栈和任务队列,我的理解是执行栈按照同步方式执行代码,存放同步代码和异步代码标记,任务队列存放异步回调。这和堆栈的处理有异曲同工之妙。

事件循环步骤

(1)所有同步任务都在主线程上执行,形成一个执行栈(execution context stack)。
(2)主线程之外,还存在一个"任务队列"(task queue)。只要异步任务有了运行结果,就在"任务队列"之中放置一个事件。
(3)一旦"执行栈"中的所有同步任务执行完毕,系统就会读取"任务队列",看看里面有哪些事件。那些对应的异步任务,于是结束等待状态,进入执行栈,开始执行。
(4)主线程不断重复上面的第三步。

为了理解事件循环,我写了如下的程序测试:

console.log("start");

setTimeout(function(){
    console.log("setTimeout");
},10);

for(var i = 0;i < 100;i++){
    console.log("Loop",i);
}

console.log("end");

结果果然是先输出end之后才会有setTimeout。也就是说在任务栈执行完毕后才会去读取任务队列。

以下是setTimeout需要注意的地方,验证了我的猜想:
HTML5标准规定了setTimeout()的第二个参数的最小值(最短间隔),不得低于4毫秒,如果低于这个值,就会自动增加。在此之前,老版本的浏览器都将最短间隔设为10毫秒。另外,对于那些DOM的变动(尤其是涉及页面重新渲染的部分),通常不会立即执行,而是每16毫秒执行一次。这时使用requestAnimationFrame()的效果要好于setTimeout()。
需要注意的是,setTimeout()只是将事件插入了"任务队列",必须等到当前代码(执行栈)执行完,主线程才会去执行它指定的回调函数。要是当前代码耗时很长,有可能要等很久,所以并没有办法保证,回调函数一定会在setTimeout()指定的时间执行。

关于nodejs事件循环函数的理解

process.nextTick

process.nextTick方法可以在当前"执行栈"的尾部----下一次Event Loop(主线程读取"任务队列")之前----触发回调函数。也就是说,它指定的任务总是发生在所有异步任务之前。

setImmediate

多个process.nextTick语句总是在当前"执行栈"一次执行完,多个setImmediate可能则需要多次loop才能执行完。

测试代码

console.log("start");

process.nextTick(function(){
    console.log("nextTick");
});



setTimeout(function(){
    console.log("setTimeout1");
},10);

setImmediate(function(){
    console.log("setImmediate1");
    setImmediate(function(){
        console.log("setImmediate2");
    });
});

setTimeout(function(){
    console.log("setTimeout2");
},200);

for(var i = 0;i < 10000;i++){
    console.log("Loop",i);
}

console.log("end");

传送门
JavaScript 运行机制详解:再谈Event Loop
44.理解事件循环一(浅析)

测试金字塔

金字塔分为5层,最一层的是单元测试,是针对类库和程序集来进行测试;第二层为组件级的测试,我的理解是dll和接口级的测试;第三层为服务级的测试,像我们做GIS的,可以理解为地图服务,定位服务等;第四层为界面级的测试(如自动化UI测试);最上面一层为手动测试,运行已经集成的系统,手工对系统的运行结果和预期结果比较。

传送门
10个常见的Node.js面试题
nodejs框架
单元测试
关于对测试金字塔的理解收获共享

stub

用于替代模拟你用到的方法,返回指定的结果。
看到的资料中有提到sinon的依赖库,用于测试模拟。

传送门
对 stub 和 mock 的理解
sinon
带你入门带你飞Ⅰ 使用Mocha + Chai + Sinon单元测试Node.js

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 之前一直有疑惑过像elm.addEventListener('click', fn)这样的一行代码怎么就能在用户点...
    YeLqgd阅读 290评论 0 1
  • Node核心功能是事件循环,此概念也多用于JS底层行为以及许多交互系统中。在许多语言中,事件模型是在外层的,但JS...
    JunChow520阅读 281评论 0 0
  • Node.js 是单进程单线程应用程序,但是通过事件和回调支持并发,所以性能非常高。 Node.js 的每一个 A...
    Junting阅读 336评论 0 2
  • JavaScript 运行机制详解:再谈Event Loop 作者:阮一峰 日期:2014年10月 8日 一年前,...
    猩崽大叔阅读 718评论 0 4
  • 文/慕容匪我 幸福的人并不是拥有一切,只是他们懂得欣赏平凡生活中的美好。 -1-我们来一场没有目的地的旅行吧 那天...
    慕容匪我阅读 1,128评论 1 3