Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/452.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/performance/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 事件处理程序绑定位置是否影响性能?_Javascript_Performance - Fatal编程技术网

Javascript 事件处理程序绑定位置是否影响性能?

Javascript 事件处理程序绑定位置是否影响性能?,javascript,performance,Javascript,Performance,从性能的角度来看,这是最好的:将绑定放在事件处理程序之外,这样在每次调用时就不会声明它们,或者将它们定义为事件处理程序的一部分,以避免需要在周围的范围中查找绑定。还有,这种事情值得担心吗 功能手风琴(手风琴){ 常量句柄=accordion.querySelectorAll(选择器句柄); const lastHandleIndex=handles.length-1; 常量navigationKeys=[“箭头向上”、“箭头向下”、“主页”、“结束”]; 设targetHandleIndex=0

从性能的角度来看,这是最好的:将绑定放在事件处理程序之外,这样在每次调用时就不会声明它们,或者将它们定义为事件处理程序的一部分,以避免需要在周围的范围中查找绑定。还有,这种事情值得担心吗

功能手风琴(手风琴){
常量句柄=accordion.querySelectorAll(选择器句柄);
const lastHandleIndex=handles.length-1;
常量navigationKeys=[“箭头向上”、“箭头向下”、“主页”、“结束”];
设targetHandleIndex=0;
...
函数导航使用键盘(事件){
const currentHandleIndex=handles.indexOf(event.currentTarget);
...
}
...
handles.forEach((handle)=>{
...
handle.addEventListener(“keydown”,导航使用键盘);
});
}

功能手风琴(手风琴){
常量句柄=accordion.querySelectorAll(选择器句柄);
...
函数导航使用键盘(事件){
const currentHandleIndex=handles.indexOf(event.currentTarget);
const lastHandleIndex=handles.length-1;
常量navigationKeys=[“箭头向上”、“箭头向下”、“主页”、“结束”];
设targetHandleIndex=0;
...
}
...
handles.forEach((handle)=>{
...
handle.addEventListener(“keydown”,导航使用键盘);
});
}

“这种事情值得担心吗?”不。