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	5335042.0 Ops/sec
Func	13408412.0 Ops/sec
Array	15486333.0 Ops/sec
String	109283568.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