Chuỗi tùy chọn JavaScript

Tìm hiểu tính năng mới, sắp ra mắt này của JavaScript

Cáctoán tử chuỗi tùy chọnlà một tính năng mới trong tiêu chuẩn ECMAScript tiếp theo.

Nó vẫn chưa chính thức, nhưngavailable in Chrome 80đằng sau một lá cờ.

Bạn đã bao giờ sử dụng toán tử && làm dự phòng chưa? Đó là một trong những tính năng JavaScript yêu thích của tôi.

Trong JavaScript, trước tiên bạn có thể kiểm tra xem một đối tượng có tồn tại hay không và sau đó cố gắng lấy một trong các thuộc tính của nó, như sau:

const car = null
const color = car && car.color

Thậm chí nếucarlà null, bạn không có lỗi vàcolorđược chỉ địnhnullgiá trị.

Bạn có thể đi xuống nhiều cấp độ:

const car = {}
const colorName = car && car.color && car.color.name

Trong một số ngôn ngữ khác, sử dụng&&có thể cung cấp cho bạn true hoặc false, vì nó thường là một toán tử logic.

Không có trong JavaScript, và nó cho phép chúng ta làm một số điều thú vị.

Bây giờ toán tử chuỗi tùy chọn mới này sẽ cho phép chúng ta thậm chí còn lạ mắt hơn:

const color = car?.color
const colorName = car?.color?.name

Nếucarnullhoặc làundefined, kết quả sẽ làundefined.

Không có lỗi (trong khi với && trong trường hợpcarđãundefinedchúng tôi đã có mộtReferenceError: car is not definedlỗi)

Bạn có thể sử dụng cú pháp này ngay hôm nay bằng cách sử dụngplugin Babel này.

Tải xuống miễn phí của tôiSổ tay dành cho Người mới bắt đầu JavaScript


Các hướng dẫn js khác: