首页 > 解决方案 > 在 JS 中将 EventListener 添加到 EventTarget 时,在性能方面有什么更好的?

问题描述

我目前正在学习 JavaScript,并且正在学习回调函数。

我的问题是,在将函数传递给 addEventListener 时,什么更好用。

addBtn1.addEventListener('click', function() {
    console.log('inline'); //inline
})

addBtn2.addEventListener('click', () => {
    console.log('anonymous inline'); //anonymous
})

const doSomething = function() {
    console.log('do something')
}

addBtn3.addEventListener('click', doSomething); //named function

由于每个函数都是一个对象,所以每次按addBtn1和addBtn2,会不会在Memory中创建新的函数?

此外,如果我们想传递一些参数,使用 .bind() 还是内联方法更好?考虑到我理解匿名与普通内联函数的行为。

标签: javascriptecmascript-6callback

解决方案


推荐阅读