Reflect trong ES6

NỘI DUNG BÀI VIẾT

Trước khi tìm hiểu về Proxy thì Reflect trong nghe khá lạ lẫm với mình, nhưng hóa ra thì Reflect trong ES6 không phải là API chỉ có trong JavaScript, sau này mình nghĩ nó chỉ dùng để phối hợp với Proxy, nhưng mà mình vẫn sai.

Hóa ra Reflect còn tồn tại ở các ngôn ngữ lập trình động (dynamic language) khác thậm chí nó tồn tại trong ES5 dưới hình thức là static method của class Object.

Lên ES6 nó được giới thiệu thành Refect class. Nhưng không như các class khác, reflect không có phương thức construct, bạn không thể dùng toán tử new để tạo một instance. Mọi phương thức của nó là static.

Các phương thức của reflect tương ứng với các traps của proxy và kết quả trả về của nó cũng chính là kết quả trap cần trả về. Vì vậy nó rất hữu dụng khi viết trap, hãy xem kết quả trả về của nó có khác gì với các phương thức static của Object.

try {
  Object.defineProperty(target, 'foo', { value: 'bar' })
  // yay!
} catch (e) {
  // oops.
}Code language: JavaScript (javascript)

và

var yay = Reflect.defineProperty(target, 'foo', { value: 'bar' })
if (yay) {
  // yay!
} else {
  // oops.
}
Code language: JavaScript (javascript)

Khi thực hiện không thành công, nó trả về giá trị thay vì throw lỗi, giá trị này tương thích với giá trị mà trap của proxy cần trả về, vì vậy thật tiện lợi khi dùng cho với proxy.

Reflect có các phương thức tương ứng với các trap mà bạn đã biết trong bài về Proxy.

Bạn có thể sử dụng reflect như sau:

Có thể làm tương tự với các phương thức khác.

Proxy và Reflect

Ta có ví dụ nhự sau:

Như đã nói, Reflect có các phương thức tương ứng với các trap, vì vậy bạn chỉ cần return trực tiếp là được.

Bài viết ngắn gọn này nhằm sử dụng làm tham khảo cho các bài viết khác, cũng như cung cấp thông tin ngắn gọn về reflect và cách dùng nó với proxy.

Các bạn có thể tham khảo các bài viết hay về JavaScript tại đây.

Hãy tham gia nhóm Học lập trình để thảo luận thêm về các vấn đề cùng quan tâm.

Reflect trong ES6