Run results for: function vs class

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.2 Safari/605.1.15

Browser: Safari 18

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

function declaration

3K/s

class

520/s

function expression

424/s

View exact numbers

Script Preparation code:

var arr = [];

Tests:

function declaration
function functionDeclaration(item) { arr.push(item); } for (let i = 1; i < 10000; i++) { functionDeclaration(i); }
function expression
var functionExpression = function(item) { arr.push(item); }; for (let i = 1; i < 10000; i++) { functionExpression(i); }
class
class Test { constructor(item) { this.item = item; } addItem(){ arr.push(this.item) } } for (let i = 1; i < 10000; i++) { new Test(i).addItem(); }