Benchmark: destruct, object vs func

Tests:

OR Object
const props = {} const defaultLatestReturn = { __typename: '', carrierReturnOrderNumbers: null, endTime: null, key: '', orderLines: [], paymentType: null, pickupDate: null, returnMethod: null, startTime: null, status: '', }; const { latestReturn } = props; const { status } = latestReturn || defaultLatestReturn;
OR Function
const props = {} const defaultLatestReturnFunc = () => ({ __typename: '', carrierReturnOrderNumbers: null, endTime: null, key: '', orderLines: [], paymentType: null, pickupDate: null, returnMethod: null, startTime: null, status: '', }); const { latestReturn } = props; const { status } = latestReturn || defaultLatestReturnFunc();
OR func ok
const props = { latestReturn: {} } const defaultLatestReturnFunc = () => ({ __typename: '', carrierReturnOrderNumbers: null, endTime: null, key: '', orderLines: [], paymentType: null, pickupDate: null, returnMethod: null, startTime: null, status: '', }); const { latestReturn } = props; const { status } = latestReturn || defaultLatestReturnFunc();
Or obj ok
const props = { latestReturn: {} } const defaultLatestReturn = { __typename: '', carrierReturnOrderNumbers: null, endTime: null, key: '', orderLines: [], paymentType: null, pickupDate: null, returnMethod: null, startTime: null, status: '', }; const { latestReturn } = props; const { status } = latestReturn || defaultLatestReturn;

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: 3 years ago)

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

Browser/OS: Chrome 86 on Linux

destruct, object vs func (version: 0)