Run results for: const enum vs Object.freeze vs as const

Попытка сравнить производительность https://www.typescriptlang.org/play/?#code/PTAEGMHsDsGcBdQFNoFcC2AaUB5ARgFZLjwB0AZgE5JIBeS2AhrBDAgFDsiiC8IIKwggbhBAMiCB2EEDyIKEAcIICEQPoAEQSXMB8IICYQQAwg0oaAAU+IiVIBrJAE9Y2gJS8+oOWsCMIEulq+0i+yhxEKDKADCkOgADsywACIAltQkETCgAN7soKAAcpCU8AAWoAC8oADkaRmZ+ZhJoACizIh5+VUIpeUAypCoWbkFLW0lZckA6kgIHfkDDWUAvpyeQwAeHQDa5QHBoZHR8LHQpPXwvf6BIbDhUcQbMNvVe8uHx+ubFwhXB6snMec7TytHa6f3H0vPb6vM5bf7Ja4vO7vS4Ar63X7Qx7sAC6nG4gBYQJT2NQqARiVygSioaAbdBIUCAfhBlCp5IAuEEk2ApSkAsiDSJSAHhBAMIgoHZSkAbCAE+yAaRBNKBAOIgnLZYtp3PZfHRAj4-D4HjYiAhQKh0AATB09KcKNQ6EhtIlkkUsgAuAoWnrlHbWurVRrJLpWzqtLIu0CjeCO32NcYWADcUzVoBmuryi3BgPhbx1D12sJuPwT2qTn1TwM2GbB+zhaZBeZhscLOZgJaRZezWqryZrkIRifzGvjxczKLRYAANhF4EhKIwe6B4CYguTtFKeEobCIeGoxUrJHx3NN1XGi5sAMwdM2pdLuwqHu3JB0FHbet2ZR3X72+-2DeCB0DMVheUOqrwR3fRlNNhNt07RtNWbIDW03CtoHA0sC1rMDgLggCQRg6skNAwDELbLcYFQht0PbHdO1RdggA

Run details:

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

Browser: Safari 18

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

as const

77K/s

const enum

62K/s

Object.freeze

163/s

View exact numbers

Test name	Executions per second
✓ as const	77,036 Ops/sec
const enum	61,516 Ops/sec
Object.freeze	163 Ops/sec

HTML Preparation code:

<!--your preparation HTML code goes here-->

Script Preparation code:

/*your preparation JavaScript code goes here
To execute async code during the script preparation, wrap it as function globalMeasureThatScriptPrepareFunction, example:*/
// добавляет runtime проверки, поэтому может быть чуточку медленее
const CompassDirection2 = Object.freeze({
    North: 'North',
    East: 'East',
    South: 'South',
    West: 'West',
});
// literal type (точное значение)
const CompassDirection3 = {
    North: 'North',
    East: 'East',
    South: 'South',
    West: 'West',
};
async function globalMeasureThatScriptPrepareFunction() {
    // This function is optional, feel free to remove it.
    // await someThing();
}

Tests:

const enum
const arr = []; for (let index = 0; index < 1000; index++) { arr.push('North'); arr.push('East'); arr.push('South'); arr.push('West'); } let north = 0; let east = 0; let south = 0; let west = 0; for (const element of arr) { if (element === 'North') { north++; } if (element === 'East') { east++; } if (element === 'South') { south++; } if (element === 'West') { west++; } } const sum = north + east + south + west;
Object.freeze
const arr = []; for (let index = 0; index < 1000; index++) { arr.push(CompassDirection2.North); arr.push(CompassDirection2.East); arr.push(CompassDirection2.South); arr.push(CompassDirection2.West); } let north = 0; let east = 0; let south = 0; let west = 0; for (const element of arr) { if (element === CompassDirection2.North) { north++; } if (element === CompassDirection2.East) { east++; } if (element === CompassDirection2.South) { south++; } if (element === CompassDirection2.West) { west++; } } const sum = north + east + south + west;
as const
const arr = []; for (let index = 0; index < 1000; index++) { arr.push(CompassDirection3.North); arr.push(CompassDirection3.East); arr.push(CompassDirection3.South); arr.push(CompassDirection3.West); } let north = 0; let east = 0; let south = 0; let west = 0; for (const element of arr) { if (element === CompassDirection3.North) { north++; } if (element === CompassDirection3.East) { east++; } if (element === CompassDirection3.South) { south++; } if (element === CompassDirection3.West) { west++; } } const sum = north + east + south + west;