JS中function(e)的e代表什么：形参与事件对象详解

在JavaScript中，function(e)里的e究竟代表什么？

在学习JS的过程中，我跳过了一些章节，导致现在学习React时感到困惑，因为这些教程默认你已经掌握了JS的所有内容。当然，这是我自身的问题，需要反省。

接下来进入正题：

我们知道JS中有许多事件，事件简单来说就是鼠标点击、鼠标移动、键盘打字等人为操作。

在function(e)中，e如果单独作为一个方法参数，比如

那么e其实只是一个形参，和你放入ABCDEFG这些字母没有任何区别。我觉得大部分人都困惑在这里：e到底是什么？为什么里面不写其他字母？其实想明白这一点就好了。

重点来了：

当某个元素具有某个事件处理时（比如鼠标点击），这个e就不仅仅只是一个参数了，它代表着捕获的这个事件对象。这听起来很抽象，别急，我们看个例子：

一个很简单的页面效果，就是一个div里包含一个点击事件，点击事件触发后会在控制台打印出event这个参数，注意！！

下面我将用费曼学习法来讲述一下：

为什么是event，因为这里面你可以随便放任意值。你说你不喜欢e这个字母，看见就恶心，你可以放ZXCVB任何你喜欢的字母和单词。只不过这是这么些年人们潜移默化的约定罢了，就像for循环函数，为什么是i++，因为仅仅是人们习惯了，一看到就知道哦，这个i是要用来循环的。就像看见这个e，哦，它是用来代表事件对象的，别人看你的代码会一下子就知道这是什么意思。

它仅仅代表了它监听到的这个{事件对象}，这个对象在代码里代表着谁呢？没错，就是onclick，说人话就是监听到了鼠标这个事件对象。

说白了也就是浏览器这个对象自带的一个对象，这个对象里包含了许多属性和方法，就好比document一样，自带了很多方法（getElementTagName方法之类的）如下面图：

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

补充：

JavaScript易错点 function(e)中的e代表什么意思？

代表形参

function fn(e){
//这里的e 是形参，接收调用方法的值，这里e可以理解指代element
    console.log(e); // 'help'
}
fn('help');

代表事件

$(function(){
     $("#mybutton").on("click mouseover",function(e){
         alert(e.type)
     //在触发该事件的时候，系统会给传给你这个参数，他包含了触发该事件的一些信息
     //这里e指代event
    })
})

到此这篇关于JS中function(e) 其中的e到底代表什么的文章就介绍到这了,更多相关JS中function(e) 内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站！