Heim > Web-Frontend > js-Tutorial > Hauptteil

Vertieftes Verständnis des JavaScript-Ereignismechanismus

零到壹度
Freigeben: 2018-04-21 10:41:48
Original
1513 Leute haben es durchsucht

Dieser Artikel führt in ein tiefgreifendes Verständnis des Ereignismechanismus von JavaScript ein und hat einen gewissen Referenzwert. Jetzt können Freunde in Not darauf zurückgreifen 🎜> Was ist ein Ereignis?

Nehmen wir zunächst eine Person als Vergleich. Menschen können schlafen, aber nur wenn sie sich schläfrig fühlen, schlafen sie ein.

In Bezug auf das Programm gibt es eine Schlafmethode für das menschliche Objekt. Diese Methode wird nur ausgeführt, wenn das Ereignis

Geistige Ermüdung
ausgelöst wird:

Natürlich einige Menschen müssen Überstunden machen, auch wenn sie um 12 Uhr nachts müde sind, weil viel Arbeit noch nicht erledigt ist. Zu diesem Zeitpunkt löst die Person
function sleep(){    do sleep
}

man.ontired=function(){
    sleep();
}
Nach dem Login kopieren
geistige Müdigkeit

aus und wendet möglicherweise eine Methode an, um fortzufahren Arbeiten nach diesem Ereignis (z. B. I QAQ. . .

man.ontired=function(){
    work()
}
Nach dem Login kopieren
    Ereignisse existieren also überall um uns herum, was wie ein Auslöser ist und aktiviert wird, wenn man darauf drückt. , drücken Sie es erneut und das Licht erlischt.
  • Um genau zu sein, sollte es im Browser sein ? >
  • Die Antwort ist natürlich die Reaktion des Benutzers auf alle vom Browser ausgeführten Aktionen, wie zum Beispiel die einfachsten Klicks, Tastaturdrücke, Mausbewegungen, das Schließen von Webseiten, das Laden von Webseiten usw. Wie Solange der Browser auf das Benutzerverhalten reagieren kann, handelt es sich um ein Web-Ereignis. Wenn ein Benutzer beispielsweise wütend den Computer zerschmettert, kann der Browser dies nicht überwachen oder reagieren, sodass dies nicht als Web-Ereignis betrachtet wird , ein Ereignis ist eine Reaktion des Browsers auf das Benutzerverhalten
  • js ist ereignisgesteuert
  • Das liegt genau daran Das Vorhandensein dieser Ereignisse, die Programmierer und Benutzer in Verbindung bringen können, weiß nicht, was der Benutzer mit der Webseite gemacht hat, aber der Programmierer weiß, welche Art von Behandlung der Benutzer nach diesen Aktionen durchführen sollte. Endprogrammierer sind alle Landminen, und die Seite ist mit „Ereignisminen“ aller Größen bedeckt. Solange der Benutzer nicht darauf tritt, liegt der von uns geschriebene Code in der js-Datei und wird nach dem Klicken und Ziehen nicht ausgelöst Wenn Sie auf die Schaltfläche „Ereignismine“ klicken und auf die Schaltfläche „Ereignismine“ klicken, beginnt die Ausführung des von uns geschriebenen Codes mit einem „Boom“ wie bei einer Mine, zum Beispiel:

    .
    document.body.onclick=function(){
        alert('boom')
    }
Nach dem Login kopieren
  • 如果用户只是打开了网页,根本没有点击页面,那么这个"boom"永远不会弹出来。

  • 因为js是事件驱动的。

事件驱动是什么?

  • 上面那几个例子已经很好说明了什么是事件驱动。事件驱动就是,事件没发生,代码不执行,事件是触发代码执行的直接原因。

  • 一般来讲,可能你有遇到,在一个点击事件里面写了一个小小或者大大的逻辑错误,js页面加载的时候并不会给你报错,它只是匆匆看了一眼onclick里面的内容,但不会去执行它,自然不会去发现里面的逻辑错误,除非你里面写了一个语法错误,js看了一眼发现,卧槽这里面的语句不通顺读不通啊,它才会提示错误。只有你点击事件触发的时候,js执行了下代码,然后发现里面的逻辑狗屁不通,然后才会报错。

  • 通常我们都会写个window.onload,页面加载完成触发的事件,把要执行的代码放里面,这样资源加载好了js好操作。但是,页面还存在一个隐性的事件,就是read事件,js引擎阅读代码事件。如果读到了function 函数名(){...}活着var 函数名=function(){...}这样的结构,它会匆匆扫一眼,不执行里面的代码,然后继续读下去,其他的语句一旦遇到了,js就会去执行它。比如var 变量名或着函数名()这样。这个是read事件,其他事件也类似,只有当前浏览器对用户行为的响应时,js才会执行里面的代码。

其他语言的事件驱动

  • 说到事件驱动,还有一个语言也是事件驱动的,那就是php(我所知道的。。。)。

  • php的事件驱动在于,它同样为服务器划分了事件,最简单的,一个请求进来,这是一个事件;服务器做出一个响应,这也是一个事件。然后后台服务器围绕这几个事件,一旦触发哪个就执行相关代码。

  • js的后台版node也是一样的


Verwandte Empfehlungen:

Ereignismechanismus in js

JavaScript-Ereignismechanismus

Ereignisflussmechanismus von JS-Ereignissen

Das obige ist der detaillierte Inhalt vonVertieftes Verständnis des JavaScript-Ereignismechanismus. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage