addEventListener的第三个参数到底该怎么设置

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了addEventListener的第三个参数到底该怎么设置相关的知识,希望对你有一定的参考价值。

参考技术A

从 官方文档 看,addEventListener 方法使用如下:

主要关注下第三个参数,可以设置为bool类型(useCapture)或者object类型(options)。

removeEventListener的参数与addEventListener类似:

在移除之前添加的监听事件时,很显然需要传入同样的type和listener,那第三个参数options和useCapture呢?

只会检查addEventListener的useCapture或options中的capture值。

例如:

当DOM元素与事件拥有不同的生命周期时,倘若不remove掉eventListener就有可能导致内存泄漏(保留或增加了不必要的内存占用)。比如在单页应用中,切换了页面后,原组件已经卸载,但其注册在document上的事件却保留了下来,白白占用了内存空间。 所以removeEventlister与addEventListener成对儿出现是best practice,可以避免可能出现的内存泄漏问题。

golang make()的第三个参数

学习了一段时间golang,大概可以用golang做一些小东西了,于是回顾了一下一些基础的东西。golang分配内存有一个make函数,该函数第一个参数是类型,第二个参数是分配的空间,第三个参数是预留分配空间,前两个参数都很好理解,但我对第三个参数却一脸懵逼,例如a:=make([]int, 5, 10), len(a)输出结果是5,cap(a)输出结果是10,然后我对a[4]进行赋值发现是可以得,但对a[5]进行赋值发现报错了,于是郁闷这个预留分配的空间要怎么使用呢,于是google了一下发现原来预留的空间需要重新切片才可以使用,于是做一下记录,代码如下。

package main

import "fmt"

func main()
	a := make([]int, 10, 20)
	fmt.Printf("%d, %d\n", len(a), cap(a))
	fmt.Println(a)
	b := a[:cap(a)]
	fmt.Println(b)

输出结果

10, 20
[0 0 0 0 0 0 0 0 0 0]
[0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0]

以上是关于addEventListener的第三个参数到底该怎么设置的主要内容,如果未能解决你的问题,请参考以下文章

addEventListener 的三个参数

js中addEventListener第三个参数涉及到的事件捕获与冒泡

阻止事件冒泡

addEventListener()第三个参数设置为true和false的区别?

javascript中的addEventListener与attchEvent

mongoose.model 中的第三个参数是啥?它有啥用