Run results for: Event listener anonymous function vs named inline function vs external function

Run details:

User agent: Mozilla/5.0 (Linux; Android 7.0; SM-G920F Build/NRD90M) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.137 Mobile Safari/537.36

Browser: Chrome Mobile 64

Operating system: Android 7.0

Device Platform: Samsung SM-G920F

Date tested: 2025 years ago

HTML Preparation code:

<div id="element"></div>

Script Preparation code:

var element	  = document.getElementById('element');
var iterations  = 100;
var dummyString = 'Hello';

Tests:

Anonymous function
for (var i = 0; i < iterations; i++) { element.addEventListener('click', function() { element.textContent = dummyString; }); }
Named function as parameter
for (var i = 0; i < iterations; i++) { element.addEventListener('click', function setText() { element.textContent = dummyString; }); }
External function
function setText() { 'use strict'; element.textContent = dummyString; } for (var i = 0; i < iterations; i++) { element.addEventListener('click', setText); }