JS-042
Optional Chaining у JavaScript: наочний приклад для теми «Безпечний доступ до властивостей»
Beginner4 min~4 min read#optional-chaining#property-access#null

Optional Chaining ?.

Безпечний доступ до властивостей

Goal

Навчись безпечно отримувати властивості об'єктів за допомогою ?.

Explanation

  • Оператор ?. називається Optional Chaining.
  • Він дозволяє безпечно звертатися до властивостей.
  • Якщо об'єкт існує — властивість буде прочитана.
  • Якщо об'єкт дорівнює null або undefined — помилки не буде.
  • Замість помилки повернеться undefined.

Аналогія

Ти хочеш зазирнути в коробку. Якщо коробка є — дивишся всередину. Якщо коробки немає — просто отримуєш відповідь «нічого немає», без аварії.

Code

let user = null;

console.log(user?.name);

Result: undefined

Типова помилка

Новачки звертаються до user.name навіть коли user може бути null. Це викликає помилку. ?. вирішує цю проблему.

Remember

  • ✦ ?. запобігає помилкам доступу до властивостей.
  • ✦ Якщо об'єкт відсутній — повертається undefined.
  • ✦ ?. часто використовують при роботі з API та даними користувачів.

Quick Quiz

Що поверне user?.name, якщо user = null?

Resources