Hướng dẫn php optional chaining - chuỗi tùy chọn php
Optional chaining là một kỹ thuật giúp ta làm việc với Javascript dễ dàng hơn. Nó cũng cần thiết như Fat Arrow Functions hoặc 'let' và 'const'. Thế Option Chaining hoạt động ra sao? nó giải quyết những vấn đề gì? Hãy cùng mình nghiên cứu để hiểu rõ hơn nhé. Show Đặt vấn đềHãy tưởng tượng: Bạn lấy data từ API, và object trả về dạng Deeply Nested Objects, lúc này ta cần phải thông qua rất nhiều object properties để lấy được properties trong cùng.
Với cách trên thì việc lấy firstName thật sự không tốt. Một giải pháp tốt hơn có thể như thế này:
Như bạn thấy trong ví dụ trên, thậm chí những việc đơn giản như get firstName của một người sao lại phức tạp đến thế. Vì vậy, đây là lý do tại sao chúng ta có các frameworks như
Giải phápOptional chaining là giải pháp cho tất cả vấn đề đó. 1. Cách thức hoạt độngOptional chaining giới thiệu cú pháp mới mà thoạt nhìn sẽ lạ đối với bạn, nhưng chỉ sau vài phút bạn sẽ quen với nó.
Như ở ví dụ bên trên, ta thấy xuất hiện cú pháp 2. Default valuesChúng ta cần tìm hiểu về 1 . Nghe có vẻ khó học đây. Hi thật sự không khó lắm đâu. Hãy xem ví dụ bên dưới:
Cú pháp 1 biểu diễn dưới dạng 3 Nó cũng khá dễ đọc. Nếu bên vế trái có giá trị undefined, khi đó personFirstName sẽ có giá trị bên phải 3 tức là 'stranger'.3. Dynamic propertiesĐôi khi ta muốn truy cập đến một dynamic value. Nó có thể là array hoặc là dynamic property của một object.
Ở ví dụ bên trên có thể hiểu 5 tức là 6 nhưng nó sẽ không trả về error mà thay vào đó sẽ return về 7.4. Function or method callThỉnh thoảng ta làm việc với object mà không biết nó có phải là method hay không. Ở đây ta có thể sử dụng cú pháp 8 hoặc với arguments 9 . Nếu method này không tồn tại trên object, nó sẽ return undefined.
Nếu không có function getCurrentJob thì currentJob sẽ có giá trị none. 5. Bắt đầu sử dụngHỗ trợ cho những version Browser mới, cụ thể https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining#browser_compatibility Lời kếtMình nghĩ với Option Chaining sẽ làm cho code javascript dễ đọc hơn rất nhiều và cũng ít bị lỗi hơn nữa. Bạn cũng có thể tìm hiểu kĩ hơn về Option Chaining tại proposal . Trên đây là phần chia sẻ về Option Chaining được mình tham khảo từ bài viết của lampewebdev và Optional chaining . Hy vọng sẽ có ích cho bạn trong quá trình code với javascript. |