JS中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

仅仅作为自学前端路上的学习笔记,如有错误,还望各位大佬指正

  • 20
    点赞
  • 36
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值