Benchmark: Optional chaining vs reuse

Script Preparation code:

var myConfig = {
	config: {
		exp: 1000,
	}
}

var myEmptyConfig = {
	config: {
	}
}

Tests:

Chaining w/ exp
if (!('config' in myConfig)) return; if (myConfig?.config?.exp) { console.log( myConfig?.config?.exp ); }
Reuse w/ exp
const config = myConfig?.config; if (!config) return; if (config.exp) { console.log( config.exp * 1000 ); }
Chaining /w-o exp
if (!('config' in myEmptyConfig)) return; if (myEmptyConfig?.config?.exp) { console.log( myEmptyConfig?.config?.exp ); }
Reuse /w-o exp
const config = myEmptyConfig?.config; if (!config) return; if (config.exp) { console.log( config.exp ); }

Rendered benchmark preparation results:

Previous results

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

Run details: (Test run date: 2 years ago)

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

Browser/OS: Safari 15 on Mac OS X 10.15.7

Optional chaining vs reuse (version: 0)