這篇文章主要介紹“javascript的事件驅(qū)動機制是什么”的相關(guān)知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“javascript的事件驅(qū)動機制是什么”文章能幫助大家解決問題。

我們注重客戶提出的每個要求，我們充分考慮每一個細節(jié)，我們積極的做好成都網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)服務(wù)，我們努力開拓更好的視野，通過不懈的努力，成都創(chuàng)新互聯(lián)公司贏得了業(yè)內(nèi)的良好聲譽，這一切，也不斷的激勵著我們更好的服務(wù)客戶。 主要業(yè)務(wù)：網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)站設(shè)計,微信小程序開發(fā),網(wǎng)站開發(fā),技術(shù)開發(fā)實力，DIV+CSS，PHP及ASP，ASP.Net，SQL數(shù)據(jù)庫的技術(shù)開發(fā)工程師。

javascript采用事件驅(qū)動。JavaScript是一種基于對象和事件驅(qū)動并具有安全性能的腳本語言，它采用事件驅(qū)動的機制來響應(yīng)用戶操作，當用戶對某個html元素進行操作的時候，會產(chǎn)生一個事件，該事件會驅(qū)動某些函數(shù)來處理。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

JavaScript是一種基于對象和事件驅(qū)動并具有安全性能的腳本語言。

本文分別講解了javascript在瀏覽器端和服務(wù)器端(node.js)的事件驅(qū)動機制，期間加入了一些異步編程的例子加深理解。

javascript 在瀏覽器端的事件驅(qū)動機制

首先，javascript 在瀏覽器端運行是單線程的，這是由瀏覽器決定的，這是為了避免多線程執(zhí)行不同任務(wù)會發(fā)生沖突的情況。也就是說我們寫的javascript 代碼只在一個線程上運行，稱之為主線程（HTML5提供了web worker API可以讓瀏覽器開一個線程運行比較復雜耗時的 javascript任務(wù)，但是這個線程仍受主線程的控制）。單線程的話，如果我們做一些“sleep”的操作比如說：

var now = + new Date()while (+new Date() <= now + 1000){
//這是一個耗時的操所
}

那么在這將近一秒內(nèi)，線程就會被阻塞，無法繼續(xù)執(zhí)行下面的任務(wù)。

還有些操作比如說獲取遠程數(shù)據(jù)、I/O操作等，他們都很耗時，如果采用同步的方式，那么進程在執(zhí)行這些操作時就會因為耗時而等待，就像上面那樣，下面的任務(wù)也只能等待，這樣效率并不高。 為了解決單線程帶來的阻塞問題很多操作系統(tǒng)實現(xiàn)了異步編程機制，瀏覽器中也是這么做的，主要表現(xiàn)如下：

• 只在主線程中運行 javascript 代碼

• 主線程一啟動就進入事件循環(huán)，整個過程就是不斷的循環(huán)，不斷地執(zhí)行回調(diào)函數(shù)

• 遇到網(wǎng)絡(luò)請求、I/O操作等時，瀏覽器會單開工作線程來處理，并設(shè)置相應(yīng)的觀察者，然后立即返回主線程，主線程繼續(xù)執(zhí)行下面的任務(wù)

• 瀏覽器開的線程處理好任務(wù)或者有監(jiān)聽的事件后會用得到的數(shù)據(jù)（或輸入）形成一個事件，放在相應(yīng)觀察者的事件隊列中，事件隊列是在主線程中

• 主線程不斷的循環(huán)，不斷檢查事件隊列，通過遍歷事件依次執(zhí)行事件對應(yīng)的回調(diào)函數(shù)

注意：下圖中的消息隊列是存儲在主線程中

上圖中，假設(shè)你發(fā)起了一個AJAX請求，無論你把這個請求寫在什么地方，它始終都在回調(diào)函數(shù)里。因為事件驅(qū)動機制就是把一切抽象為事件，代碼開始執(zhí)行也是一個事件，也會隱式調(diào)用回調(diào)函數(shù)，調(diào)用回調(diào)函數(shù)就是開始執(zhí)行代碼。然后主線程發(fā)起異步任務(wù)后就會隨即返回，繼續(xù)執(zhí)行"代碼開始事件"對應(yīng)回調(diào)函數(shù)里下面的代碼，等到這個回調(diào)函數(shù)執(zhí)行完畢，就會執(zhí)行下一個事件。在這之間，Ajax線程會完成請求，然后把請求完成的事件（包含返回的數(shù)據(jù)）發(fā)送到事件隊尾中等待處理，等到主線程執(zhí)行到這個事件時，指定的回調(diào)函數(shù)即被執(zhí)行。

大概是這樣。如果有幾處疑問的話請往下看。下面結(jié)合代碼講一下具體的過程和機制。

console.log("開始");setTimeout(function(){
  console.log('延遲執(zhí)行的')
}, 1000);setTimeout(function(){
  console.log('立即執(zhí)行的')
}, 0);
console.log('結(jié)束') //開始 結(jié)束 立即執(zhí)行的 延遲執(zhí)行的

watcher機制

watcher，觀察者，是事件驅(qū)動系統(tǒng)重要的機制。

setTimeout稱為定時器，這是瀏覽器給的API。每當你使用定時器，這個函數(shù)將會設(shè)置一個watcher，觀察者。主線程會不斷的循環(huán)，不斷的"經(jīng)過"這里檢查時間，當主線程檢查時間間隔符合要求時，就會產(chǎn)生一個定時器事件，加入到這個watcher事件隊列中并執(zhí)行回調(diào)函數(shù)。因此執(zhí)行setTimeout只是在時間到的時候產(chǎn)生了要調(diào)用回調(diào)函數(shù)的消息加入到了事件隊列中，因此，回調(diào)函數(shù)并不一定在指定的時間時調(diào)用，它取決于前面有多少等待處理的事件。

剛才講的是定時器觀察者，還有I/O觀察者、網(wǎng)絡(luò)請求觀察者、鼠標事件觀察者、鍵盤事件觀察者等等等等，我們經(jīng)常遇到事件監(jiān)聽函數(shù)會讓你綁定一個回調(diào)函數(shù)，這種監(jiān)聽函數(shù)一般就會設(shè)置watcher，其他線程產(chǎn)生的事件也會放到相應(yīng)watcher的事件隊列中，因此每個watcher會產(chǎn)生自己的事件隊列。主線程在循環(huán)的時候，實際上是在依次調(diào)用這些watcher，檢查每個watcher的事件隊列，有事件就執(zhí)行相應(yīng)的回調(diào)。

它的過程就是 ：

• 進程一啟動就進入事件循環(huán)

• 有監(jiān)聽就添加watcher

• 遍歷watcher下的事件隊列

• 執(zhí)行下一個watcher

事件驅(qū)動機制，它會有各種各樣的事件，大量的事件，它所做的一切都跟處理事件有關(guān)。但并不是所有的事件都有watcher，如果都有，主進程任務(wù)會變得非常繁重，況且有些事件我們并不關(guān)心，例如你只寫了一個定時器，代表你關(guān)心這個事件，那么點擊事件、網(wǎng)絡(luò)請求事件就不用關(guān)心，因為你根本就沒寫啊，也就沒有watcher。

javascript 在 node.js上的事件驅(qū)動機制

javascript 在 node.js上的事件驅(qū)動機制與瀏覽器端大致相同，都是單線程，都有event loop，上面講的javascript在瀏覽器端的事件循環(huán)機制在node上也是大致一樣的，不同的是執(zhí)行者何執(zhí)行者的行為不一樣，因為他們關(guān)注的任務(wù)不一樣：

• node端異步機制和事件循環(huán)更加純粹一些。node為了支持高并發(fā)，所有的API幾乎都是異步的，這樣會充分利用操作系統(tǒng)的其他線程來幫忙完成任務(wù)，主線程只負責事件消費。例如當web server接收到請求，node就把它關(guān)閉，交給其他線程進行處理，然后去服務(wù)下一個web請求。當這個請求完成，它被放到處理隊列，當?shù)竭_隊列開頭，這個結(jié)果被返回給用戶。這樣的話webserver一直接受請求而不等待任何讀寫操作，這種非阻塞型I/O性能很強。

• 瀏覽器端是瀏覽器負責執(zhí)行BOM API，管理線程，處理用戶輸入信息等，在node上是node的一個核心庫libuv負責執(zhí)行node API，管理主線程（運行javascript）和工作線程等。

• 因為前端和后端關(guān)注的內(nèi)容不同，因此兩個運行環(huán)境的API也專注于不同的任務(wù)

關(guān)于“javascript的事件驅(qū)動機制是什么”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點。

新聞標題：javascript的事件驅(qū)動機制是什么
文章網(wǎng)址：http://aaarwkj.com/article30/gdsiso.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制網(wǎng)站、品牌網(wǎng)站制作、網(wǎng)站設(shè)計公司、電子商務(wù)、企業(yè)網(wǎng)站制作、標簽優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)