Run results for: Merge classes

Run details:

User agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:109.0) Gecko/20100101 Firefox/117.0

Browser: Firefox 117

Operating system: Ubuntu

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
Proxy	5701805.0 Ops/sec
Func	13476299.0 Ops/sec
Array	15429917.0 Ops/sec
String	110351968.0 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