• 技术文章 >web前端 >前端问答

    javascript采用什么驱动

    青灯夜游青灯夜游2022-02-07 11:18:48原创457

    javascript采用事件驱动。JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言,它采用事件驱动的机制来响应用户操作,当用户对某个html元素进行操作的时候,会产生一个事件,该事件会驱动某些函数来处理。

    本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

    JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言。

    本文分别讲解了javascript在浏览器端和服务器端(node.js)的事件驱动机制,期间加入了一些异步编程的例子加深理解。

    javascript 在浏览器端的事件驱动机制

    首先,javascript 在浏览器端运行是单线程的,这是由浏览器决定的,这是为了避免多线程执行不同任务会发生冲突的情况。也就是说我们写的javascript 代码只在一个线程上运行,称之为主线程(HTML5提供了web worker API可以让浏览器开一个线程运行比较复杂耗时的 javascript任务,但是这个线程仍受主线程的控制)。单线程的话,如果我们做一些“sleep”的操作比如说:

    var now = + new Date()while (+new Date() <= now + 1000){
    //这是一个耗时的操所
    }

    那么在这将近一秒内,线程就会被阻塞,无法继续执行下面的任务。

    还有些操作比如说获取远程数据、I/O操作等,他们都很耗时,如果采用同步的方式,那么进程在执行这些操作时就会因为耗时而等待,就像上面那样,下面的任务也只能等待,这样效率并不高。 为了解决单线程带来的阻塞问题很多操作系统实现了异步编程机制,浏览器中也是这么做的,主要表现如下:

    注意:下图中的消息队列是存储在主线程中

    1.png

    上图中,假设你发起了一个AJAX请求,无论你把这个请求写在什么地方,它始终都在回调函数里。因为事件驱动机制就是把一切抽象为事件,代码开始执行也是一个事件,也会隐式调用回调函数,调用回调函数就是开始执行代码。然后主线程发起异步任务后就会随即返回,继续执行"代码开始事件"对应回调函数里下面的代码,等到这个回调函数执行完毕,就会执行下一个事件。在这之间,Ajax线程会完成请求,然后把请求完成的事件(包含返回的数据)发送到事件队尾中等待处理,等到主线程执行到这个事件时,指定的回调函数即被执行。

    大概是这样。如果有几处疑问的话请往下看。下面结合代码讲一下具体的过程和机制。

    console.log("开始");setTimeout(function(){
      console.log('延迟执行的')
    }, 1000);setTimeout(function(){
      console.log('立即执行的')
    }, 0);
    console.log('结束') //开始 结束 立即执行的 延迟执行的

    watcher机制

    watcher,观察者,是事件驱动系统重要的机制。

    setTimeout称为定时器,这是浏览器给的API。每当你使用定时器,这个函数将会设置一个watcher,观察者。主线程会不断的循环,不断的"经过"这里检查时间,当主线程检查时间间隔符合要求时,就会产生一个定时器事件,加入到这个watcher事件队列中并执行回调函数。因此执行setTimeout只是在时间到的时候产生了要调用回调函数的消息加入到了事件队列中,因此,回调函数并不一定在指定的时间时调用,它取决于前面有多少等待处理的事件。

    2.png

    刚才讲的是定时器观察者,还有I/O观察者、网络请求观察者、鼠标事件观察者、键盘事件观察者等等等等,我们经常遇到事件监听函数会让你绑定一个回调函数,这种监听函数一般就会设置watcher,其他线程产生的事件也会放到相应watcher的事件队列中,因此每个watcher产生自己的事件队列主线程在循环的时候,实际上是在依次调用这些watcher,检查每个watcher的事件队列,有事件就执行相应的回调。

    3.png

    它的过程就是 :

    事件驱动机制,它会有各种各样的事件,大量的事件,它所做的一切都跟处理事件有关。但并不是所有的事件都有watcher,如果都有,主进程任务会变得非常繁重,况且有些事件我们并不关心,例如你只写了一个定时器,代表你关心这个事件,那么点击事件、网络请求事件就不用关心,因为你根本就没写啊,也就没有watcher

    javascript 在 node.js上的事件驱动机制

    javascript 在 node.js上的事件驱动机制与浏览器端大致相同,都是单线程,都有event loop,上面讲的javascript在浏览器端的事件循环机制在node上也是大致一样的,不同的是执行者何执行者的行为不一样,因为他们关注的任务不一样:

    【相关推荐:javascript学习教程

    以上就是javascript采用什么驱动的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:javascript 事件驱动
    上一篇:JavaScript中常用对象有哪些 下一篇:javascript中doucument对象的属性和方法有哪些
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• javascript怎么将字符串转为二进制• javascript怎么修改元素的style属性• JavaScript的条件语句有哪三种• JavaScript高级语法之模块化(建议收藏)• 怎么利用javascript求0到200中不能被13整除的数• 完全掌握JavaScript内存泄漏(图文详解)
    1/1

    PHP中文网