JS中function(e) 其中的e到底代表什么

在學(xué)習(xí)js的時(shí)候 我跳過(guò)了一部分章節(jié)的內(nèi)容，導(dǎo)致現(xiàn)在學(xué)習(xí)react的時(shí)候很多內(nèi)容都不知所措，因?yàn)檫@些教程都是建立在它認(rèn)為你js所有內(nèi)容都掌握的前提下，當(dāng)然這是我自身的原因。需要反省。

下面是正題：

我們知道js有很多事件，事件說(shuō)白了就是 鼠標(biāo)點(diǎn)擊，鼠標(biāo)移動(dòng) ，鍵盤打字什么的這些人為的操作。

function(e) 其中的e ，如果你單單寫一個(gè)方法，比如

那么e其實(shí)就是一個(gè)形參，和你放入ABCDEFG這些，并沒(méi)有什么不同，其實(shí)我感覺(jué)大部分人都迷在這里了，e到底是個(gè)什么東西！為什么那里面不寫其他字母，其實(shí)想明白就好了

重點(diǎn)來(lái)了：

當(dāng)某個(gè)元素具有 某個(gè)事件處理的時(shí)候（比如鼠標(biāo)點(diǎn)擊），那么這個(gè)e就不僅僅只是一個(gè)參數(shù)了，它代表著捕獲的這個(gè)事件對(duì)象，很抽象，別急，我們看個(gè)例子：

一個(gè)很簡(jiǎn)單的頁(yè)面效果，就一個(gè)div里 包含一個(gè)點(diǎn)擊事件，點(diǎn)擊事件觸發(fā)會(huì)在控制臺(tái)打印出 event這個(gè)參數(shù)，注意?。?/p>

下面我將用費(fèi)曼學(xué)習(xí)法來(lái)講述一下：

        為什么是event，因?yàn)檫@里面你可以隨便放任意值，你說(shuō)你不喜歡e這個(gè)字母，看見(jiàn)就惡心，你可以放ZXCVB任何你喜歡的字母和單詞，只不過(guò)這是這么些年來(lái)人們潛移默化的約定罷了，就像for循環(huán)函數(shù)，為什么是i++，因?yàn)閮H僅是人們習(xí)慣了，一看到就知道哦，這個(gè)i是要用來(lái)循環(huán)的，就像看見(jiàn)這個(gè)e，哦，它是用來(lái)代表事件對(duì)象的，別人看你的代碼會(huì)一下子就知道這是什么意思。

        它僅僅代表了它監(jiān)聽(tīng)到的這個(gè){事件對(duì)象}，這個(gè)對(duì)象在代碼里代表著誰(shuí)呢？ 沒(méi)錯(cuò)，就是onclick，說(shuō)人話就是 監(jiān)聽(tīng)到了 鼠標(biāo) 這個(gè)事件對(duì)象。

說(shuō)白了也就是瀏覽器這個(gè)對(duì)象自帶的一個(gè)對(duì)象，這個(gè)對(duì)象里包含了許多屬性和方法，就好比document 一樣，自帶了很多方法（getElementTagName方法之類的）如下面圖：

        常用的e.target， 其實(shí)就相當(dāng)于 上面例子里的div

補(bǔ)充：

JavaScript易錯(cuò)點(diǎn) function(e)中的e代表什么意思？

代表形參

function fn(e){
//這里的e 是形參，接收調(diào)用方法的值，這里e可以理解指代element
    console.log(e); // 'help'
}
fn('help');

代表事件

$(function(){
     $("#mybutton").on("click mouseover",function(e){
         alert(e.type)
     //在觸發(fā)該事件的時(shí)候，系統(tǒng)會(huì)給傳給你這個(gè)參數(shù)，他包含了觸發(fā)該事件的一些信息
     //這里e指代event
    })
})

到此這篇關(guān)于JS中function(e) 其中的e到底代表什么的文章就介紹到這了,更多相關(guān)JS中function(e) 內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論