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

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

下面是正題：

我們知道js有很多事件，事件說白了就是 鼠標點擊，鼠標移動 ，鍵盤打字什么的這些人為的操作。

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

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

重點來了：

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

一個很簡單的頁面效果，就一個div里 包含一個點擊事件，點擊事件觸發(fā)會在控制臺打印出 event這個參數(shù)，注意??！

下面我將用費曼學習法來講述一下：

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

        它僅僅代表了它監(jiān)聽到的這個{事件對象}，這個對象在代碼里代表著誰呢？ 沒錯，就是onclick，說人話就是 監(jiān)聽到了 鼠標 這個事件對象。

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

        常用的e.target， 其實就相當于 上面例子里的div

補充：

JavaScript易錯點 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ā)該事件的時候，系統(tǒng)會給傳給你這個參數(shù)，他包含了觸發(fā)該事件的一些信息
     //這里e指代event
    })
})

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

最新評論