JavaScript事件驱动机制&定时器机制

在浏览器中,事件作为一个极为重要的机制,给予JavaScript响应用户操作与DOM变化的能力。在NodeJS中。异步事件驱动模型则是提高并发能力的基础。

一、程序怎样响应事件

程序响应外部的事件有两种方式:

1. 中断

操作系统处理键盘等硬件输入就是通过中断来进行的。这个方式的优点是即使没有多线程,我们也能够放心地运行我们的代码,CPU收到中断信号之后自己主动地转去运行对应的中断处理程序,处理完毕后会恢复原来的代码的运行环境继续运行。

这样的方式须要硬件的支持。一般来说都会被操作系统封装起来。

2. 轮询

循环检測是否有事件发生,假设有就去运行对应的处理程序。这在底层和上层的开发中都有应用。

轮询方式的一个缺点就是:假设在主线程的消息循环里进行耗时操作。程序就无法及时响应新的消息。

二、JavaScript中定时器功能的特点

不管是Node还是浏览器中,都有setTimeout和setInterval这两个定时器函数。而且其工作特点基本同样。

JavaScript中的定时器并不同于计算机底层的定时中断。

中断到来时,当前运行代码会被打断。转去运行定时中断处理函数。

而JavaScript的定时器到时,假设当前运行线程没有正在运行的代码。则运行对应的回调函数;假设当前有代码在运行中,JavaScript引擎既不会中断当前代码转去运行回调,也不会开新的线程运行回调,而是当前代码运行完成之后才去处理。

console.time("setTimoutLabel");	//标记时间開始
setTimeout(function() {
	console.timeEnd("setTimoutLabel");	//标记时间结束
}, 100);
for (var i = 0; i < 100000; i++) { }

运行上面的代码。能够看到终于输出的时间并非100ms左右,而是数秒。

这说明在循环完毕之前,定时回调函数确实没有被运行。而是推迟到了循环结束。实际上在JavaScript代码运行中,所有的事件都无法得到处理,必须等到当前代码所有完毕,才干去处理新的事件。这就是为什么在浏览器中运行耗时JavaScript代码时,浏览器会失去响应。

三、定时器的工作原理

1. javascript引擎仅仅有一个线程,迫使异步事件仅仅能增加队列去等待运行。

2. 在运行异步代码的时候,假设定时器被正在运行的代码堵塞了,它将会进入队列的尾部去等待运行直到下一次可能运行的时间出现(可能超过设定的延时时间)。setTimeout 和setInterval 是有着本质差别的:setTimeout 这段代码会在每次回调函数运行之后至少须要延时“指定延迟毫秒值”再去执行(可能是很多其它,可是不会少)。可是setInterval会每隔“指定延迟毫秒值”就去尝试运行一次回调函数。无论上一个回调函数是不是还在运行。

时间: 2024-12-28 23:51:34

JavaScript事件驱动机制&amp;定时器机制的相关文章

【JS】JavaScript引擎的内部执行机制

 近期在复习JavaScript,看到setTimeout函数时.想起曾经刚学时,在一本书上看过setTimeout()里的回调函数执行的间隔时间有昌不是后面设置的值.曾经没想太多.网上看了JS大神的解释,整理记录下JavaScript引擎的内部执行机制. 首先看一段小程序: <script> alert('第1'); setTimeout(function(){alert('第2');}, 2000); alert('第3'); </script> 输出顺序是:第1.第3,第

JavaScript的作用域和提升机制

你知道下面的JavaScript代码执行时会输出什么吗? var foo = 1; function bar() { if (!foo) { var foo = 10; } alert(foo); } bar(); 答案是"10",吃惊吗?那么下面的可能会真的让你大吃一惊: var a = 1; function b() { a = 10; return; function a() {} } b(); alert(a); 这里浏览器会弹出"1".怎么回事?这似乎看起

javascript中的错误处理机制

前面的话 错误处理对于web应用程序开发至关重要,不能提前预测到可能发生的错误,不能提前采取恢复策略,可能导致较差的用户体验.由于任何javascript错误都可能导致网页无法使用,因此作为开发人员,必须要知道何时可能出错,为什么会出错,以及会出什么错.本文将详细介绍javascript中的错误处理机制 error对象 error对象是包含错误信息的对象,是javascript的原生对象.当代码解析或运行时发生错误,javascript引擎就会自动产生并抛出一个error对象的实例,然后整个程序

Javascript中的事件委托机制

事件委托 事件委托,顾名思义,就是将本来要触发在A元素身上的事件,委托给B元素来触发,例如像onclick,onmouseover等事件都可以通过事件委托去触发. 事件委托实际上是通过事件冒泡的原理,将事件绑定在父元素或者祖先元素上,通过父元素或祖先元素触发相应的事件. 通过单纯的文字描述可能不太好理解,我们来通过代码去看看事件委托机制有哪些优点? 优点1-提高Javascript性能 使用事件委托机制绑定事件,可以减少内存的占用,从而提高事件处理速度.我们通过具体的实例来进行讲解. 我们要完成

JavaScript系列之事件冒泡机制简介

JavaScript系列之事件冒泡机制 DOM事件流(event flow )存在三个阶段:事件捕获阶段.处于目标阶段.事件冒泡阶段,事件冒泡顺序是由内到外进行事件传播,事件冒泡是由IE开发团队提出来的,即事件开始时由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播. 听了简介介绍之后,您可能不理解,所以举个例子: <html> <head> <title>js事件冒泡测试</title> </head> <body>

php session机制与cookie机制以及联系与区别

session与cookie是在做项目中很常用的会话技术,session与cookie也是面试中被问到频率最高的问题,有一次我去面试,面试官就怼着我session与cookie一直问(头都大了),下面总结了一些关于session与cookie的区别与联系. 说到session与cookie,先说一下什么是会话技术: 由于http协议是无状态的协议,也就是说当一个用户在请求一个页面后再请求另一个页面时,http将无法告诉我们这两个请求是否来自于同一个用户,这就意味着我们需要有一种机制来跟踪和记录用

ActiveMQ讯息传送机制以及ACK机制

http://blog.csdn.net/lulongzhou_llz/article/details/42270113 ActiveMQ消息传送机制以及ACK机制详解 AcitveMQ是作为一种消息存储和分发组件,涉及到client与broker端数据交互的方方面面,它不仅要担保消息的存储安全性,还要提供额外的手段来确保消息的分发是可靠的. 一. ActiveMQ消息传送机制 Producer客户端使用来发送消息的, Consumer客户端用来消费消息:它们的协同中心就是ActiveMQ br

同步机制与异步机制的理解

同步机制与异步机制的理解 同步机制即在进行输入输出时,必须等待输入输出完毕后,才能进行后面的操作. 异步传输机制就不必等待完毕就可进行其它操作. 网络上有一个比较通俗的例子:请吃饭 同步就是我叫你吃饭,你听到了就立刻跟我去,若你没有反应,那我就不停的叫你,直到你回应.(同步的特点是我不能做其他任何的事情,专心等你...个人觉得女生肯定希望遇到此类的男生吧...) 异步就是我叫了你,然后我就去吃饭了,不管你听没听见.(异步的特点是不会等待正在执行的事件结束,他就可以执行其它的事件). 看了别人的帖

每天一个JavaScript实例-使用带有定时器的函数闭包

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-使用带有定时器的函数闭包</title> <style> #redbox{ position:absolute; left:100px;