起因：

1、這是前端面試的經(jīng)典題型，要去找工作的小伙伴看看還是有幫助的；

2、其實我一直都沒弄明白，寫這個一是為了備忘，二是給其他的知其然不知其所以然的小伙伴們以參考；

概述：

那什么叫事件委托呢？它還有一個名字叫事件代理，JavaScript高級程序設計上講：事件委托就是利用事件冒泡，只指定一個事件處理程序，就可以管理某一類型的所有事件。那這是什么意思呢？網(wǎng)上的各位大牛們講事件委托基本上都用了同一個例子，就是取快遞來解釋這個現(xiàn)象，我仔細揣摩了一下，這個例子還真是恰當，我就不去想別的例子來解釋了，借花獻佛，我摘過來，大家認真領(lǐng)會一下事件委托到底是一個什么原理：

有三個同事預計會在周一收到快遞。為簽收快遞，有兩種辦法：一是三個人在公司門口等快遞；二是委托給前臺MM代為簽收。現(xiàn)實當中，我們大都采用委托的方案（公司也不會容忍那么多員工站在門口就為了等快遞）。前臺MM收到快遞后，她會判斷收件人是誰，然后按照收件人的要求簽收，甚至代為付款。這種方案還有一個優(yōu)勢，那就是即使公司里來了新員工（不管多少），前臺MM也會在收到寄給新員工的快遞后核實并代為簽收。

這里其實還有2層意思的：

第一，現(xiàn)在委托前臺的同事是可以代為簽收的，即程序中的現(xiàn)有的dom節(jié)點是有事件的；

第二，新員工也是可以被前臺MM代為簽收的，即程序中新添加的dom節(jié)點也是有事件的。

為什么要用事件委托：

一般來說，dom需要有事件處理程序，我們都會直接給它設事件處理程序就好了，那如果是很多的dom需要添加事件處理呢？比如我們有100個li，每個li都有相同的click點擊事件，可能我們會用for循環(huán)的方法，來遍歷所有的li，然后給它們添加事件，那這么做會存在什么影響呢？

在JavaScript中，添加到頁面上的事件處理程序數(shù)量將直接關(guān)系到頁面的整體運行性能，因為需要不斷的與dom節(jié)點進行交互，訪問dom的次數(shù)越多，引起瀏覽器重繪與重排的次數(shù)也就越多，就會延長整個頁面的交互就緒時間，這就是為什么性能優(yōu)化的主要思想之一就是減少DOM操作的原因；如果要用事件委托，就會將所有的操作放到js程序里面，與dom的操作就只需要交互一次，這樣就能大大的減少與dom的交互次數(shù)，提高性能；

每個函數(shù)都是一個對象，是對象就會占用內(nèi)存，對象越多，內(nèi)存占用率就越大，自然性能就越差了（內(nèi)存不夠用，是硬傷，哈哈），比如上面的100個li，就要占用100個內(nèi)存空間，如果是1000個，10000個呢，那只能說呵呵了，如果用事件委托，那么我們就可以只對它的父級（如果只有一個父級）這一個對象進行操作，這樣我們就需要一個內(nèi)存空間就夠了，是不是省了很多，自然性能就會更好。