Begrip: Optional chaining

De optional chaining operator (?.) controleert of het linkerlid gedefinieerd is, voordat het rechterlid verder geëvalueerd wordt. Via deze operator kunnen TypeErrors voorkomen worden zonder dat hiervoor uitgebreide if-else constructies geschreven moeten worden.

interface Profile {
  firstName: string
  lastName: string
  hobbies?: string[]
}

const alan: Profile = {
  firstName: 'Alan',
  lastName: 'Turing',
}

// De eerste hobby uitloggen zonder optional chaining.
if (alan.hobbies) {
  console.log(alan.hobbies.at(0))
}

// De eerste hobby uitloggen met optional chaining
console.log(alan.hobbies?.at(0))