Chuỗi tùy chọn trong Javascript

Mặc dù chuỗi tùy chọn đã xuất hiện được một thời gian trong nhiều ngôn ngữ lập trình, nhưng gần đây nó mới có sẵn trong Javascript với việc phát hành ES2020. MDN Web Docs mô tả chuỗi tùy chọn là “một cách để đơn giản hóa việc truy cập các giá trị thông qua các đối tượng được kết nối khi có thể một tham chiếu hoặc hàm có thể là không xác định hoặc rỗng.” Chuỗi tùy chọn là một công cụ siêu có giá trị cho phép bạn truy cập các thuộc tính đối tượng lồng nhau sâu mà không gặp lỗi nếu thuộc tính không tồn tại. Thay vào đó, thuộc tính tồn tại và có thể được truy cập hoặc thuộc tính không tồn tại và không xác định. Trước khi Javascript có chuỗi tùy chọn, toán tử && được yêu cầu kiểm tra xem một đối tượng là không xác định hay null trước khi truy cập các thuộc tính của nó.

const street = restaurant && restaurant.address && restaurant.address.street

const street = restaurant?.address?.street

const street = restaurant.address.street
Uncaught TypeError: Cannot read property 'street' of undefined

const tableCount = restaurant.getTableCount && restaurant.getTableCount()
const tableCount = restaurant.getTableCount?.()

const firstRestaurant = array && array[0]
const firstRestaurant = array?.[0]

Chuỗi tùy chọn là một cách sạch sẽ, năng động và dễ đọc để ngăn lỗi và truy cập thuộc tính khi chúng tôi không chắc liệu đối tượng có được xác định hay không.

Nguồn:

• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining
• https://dmitripavlutin.com/javascript-optional-chaining/
• https://www.youtube.com/watch?v=v2tJ3nzXh8I&t=0s