Инлайн Javascript производительность

Question

Я знаю, что лучше кодирования практика, чтобы избежать инлайн Javascript как:

<img id="the_image" onclick="do_this(true);return false;"/> 

Я имею в виду о переключении такого рода вещей для связанного JQuery событий щелчка, как:

$("#the_image").bind("click",function(){ 
    do_this(true); 
    return false; 
}); 

Воли Я теряю любую производительность, если я связываю тонну событий щелчка? Я не беспокоюсь о времени, которое требуется для первоначального связывания событий, но времени ответа между щелчком и его состоянием.

Держу пари, если есть разница, это пренебрежимо мало, но у меня будет тонна связанных функций. Мне интересно, обрабатывают ли браузер атрибут onclick так же, как связанное событие.

Thanks

Answer 1

Сохранить себя беспокойство, используйте на событие

$("#the_image").on("click",function(){ 
    do_this(true); 
    return false; 
}); 

одно событие, без потери производительности с несколькими элементами.

Answer 2

В моей работе это зависело. Я переместил все мои события в jquery. Затем я профилировал javascript, используя FireBug, чтобы узнать, что было самым длинным. Затем я оптимизировал тех, кто занимает самое длинное место.

Если его несколько, вы не заметите никакой деградации. Если его сотни или тысячи, то вы могли бы.

Answer 3

Разница незначительна. Если вам нужно привязать ко многим элементам страницы, может произойти сбой производительности, и вы можете захотеть связать объект более высокого уровня и просто перехватить целевой элемент (изображение), где вы привязываете клик к содержащему DIV тег. Помимо этого, это должно быть хорошо и будет зависеть от вашего варианта использования.

Посмотрите на пузырь событий в javascript для более подробной информации.