Run results for: variable vs object vs dataset

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.83 Safari/537.36

Browser: Chrome 85

Operating system: Windows

Device Platform: Desktop

Date tested: 4 years ago

HTML Preparation code:

<div id="foo" data-bar="bar"></div>

Tests:

object entry
const element = document.getElementById("foo"); const ob = {}; ob.data = element.dataset.bar; var i = 2000; while (i--) { console.log(ob.data); }
dataset
const element = document.getElementById("foo"); var i = 2000; while (i--) { console.log(element.dataset.bar); }
variable
const element = document.getElementById("foo"); const bar = element.dataset.bar; var i = 2000; while (i--) { console.log(bar); }