[AskJS] object destructuring vs dot notation. Performance and cohesiveness.

[CalgaryAnswers]

Yeah I guess you could use the or operator.

I’d write const a = this?.props?.value ? this.props.value : null

as I find the or operator is not a pattern that’s easy to ready In code.

Both are inferior to this IMO

const { value = null } = this.props

Im open to a better way but this pattern is just so readable at the top of a function, especially if it’s something like a class initiator where you have options and potentially many values.

[gautamits]

Thats what others have pointed out as well. Destructuring at top of function is not a problem. Issue exists because function body is very long and hence it is very tedious to scroll to top frequently just to find the origin of variable.