Run results for: Merge classes

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/115.0.0.0 Safari/537.36

Browser: Chrome 115

Operating system: Linux

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
Proxy	2622284.0 Ops/sec
Func	2962886.0 Ops/sec
Array	3966601.2 Ops/sec
String	5293280.5 Ops/sec

Script Preparation code:

styles = { foo: 'bar' };
theme = { foo: 'bar' };

proxy = new Proxy({}, {
  get: (_, key) => [styles[key], theme?.[key]].join(' ')
});

func = (key) => [styles[key], theme?.[key]].join(' ');

Tests:

Proxy
proxy.foo
Func
func('foo')
Array
[styles.foo, theme?.foo].join(' ')
String
`${styles.foo} ${theme?.foo ?? ''}`

Run results for: Merge classes

Proxy

Func

Array

String