Run results for: Object.assign vs deconstruct vs inline

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.4844.74 Safari/537.36 Edg/99.0.1150.55

Browser: Chrome 99

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Tests:

deconstruct
"use strict"; class Box { constructor(params = {}) { var { x = 0, y = [1,2,3], height = 1, width = 1 } = params; this.x = x; this.y = y; this.height = height; this.width = width; } } const b = new Box({ x:3, y: [4,5,6], height: 23, width: 1}); console.assert(b.x === 3)
Object.assign
class Box { constructor(params = {}){ this.x = 0; this.y = [1,2,3]; this.height = 1; this.width = 1; Object.assign(this, params); } } const a = new Box({ x:3, y: [4,5,6], height: 23, width: 1}); console.assert(a.x === 3)
inline
class Box { constructor(params){ this.x = params.x ?? 0; this.y = params.y ?? [1,2,3]; this.height = params.height ?? 1; this.width = params.width ?? 1; } } const a = new Box({ x:3, y: [4,5,6], height: 23, width: 1}); console.assert(a.x === 3)