Hướng dẫn binding in javascript
Tác giả:TAPAS ADHIKARY Show Khái niệm “this” trong JavaScript là một trong những khía cạnh khó hiểu nhất của ngôn ngữ này. Tuy nhiên lại là nhân tố quan trọng để viết code “advance”, nâng cao hơn. Trong JS,
Nhắc tới Tuyển dụng lập trình JavaScript trong tháng Binding là gìTrong JavaScript thì
Trong đó Mỗi Execution Context lại chứa một Lưu ý: Khúc này còn hơi rắc rối nhưng những phần sau sẽ giải thích rõ hơn. Quy tắc 1: Implicit Binding hoạt động như thế nào?Trong implicit binding thì cần phải xem đối tượng bên trái của hàm sử dụng dấu chấm (dot operater), từ đó xác định được
Ví dụ này thì Một ví dụ khác
Trong ví dụ này thì có 2 object, Khi gọi hàm Quy tắc 2: Explicit Binding hoạt động như thế nào?JavaScript tạo môi trường để
thực hiện code mà chúng ta viết. Trong đó nó đảm nhiệm memory creation (dành cho variables, functions, objects) trong creation phase. Cuối cùng nó chãy code trong execution phase. Lúc này môi trường mới được Có nhiều loại environment trong JavaScript application. Mỗi execution context thực hiện, chạy lệnh độc lập với nhau. Nhưng sẽ có lúc cần sử dụng thứ này trong execution context này trong cái context khác. Lúc này explicit binding sẽ pht huy công dụng. Trong explicit binding, chúng ta có thể gọi function với object khi funtion đó nằm ngoài execution context của object đó. Để thực hiện explicit biding thì có 3 method đó là Hàm call() hoạt động thế nàoVới phương thức
Ở đây, hàm Với trường hợp này, Ví dụ trên mới chỉ chuyển một argument tới hàm
Argument đầu tiên đuợc
chuyển tới Tuy nhiên sẽ có trường hợp cần pass từng argument một trong Hàm apply() hoạt động thế nàoCách mà
Lúc này ta có thể chuyển một mảng (array) chứa argument luôn, tiện hơn nhiều so với việc chuyển từng cái. Tips: nếu bạn cần chuyển một giá trị argument hay argument mà không có giá trị thì hãy dùng Hàm bind() hoạt động thế nàoMethod
Ở đây Từ khóa
Bạn có thể tạo nhiều object với từ khóa
Với quy tắc new biding, khi một function được gọi với từ khóa new, thì this bên trong function sẽ tham chiếu tới cái object mới được lập.
Đây là function Cartoon được gọi với từ khóa new. Thì this sẽ tham chiếu tới object mới, tom. Quy tắc 4: Global Object BindingĐoạn code dưới đây có kết quả thế nào?
Nếu Tuy nhiên quy tắc strict mode của JavaScript sẽ không cho phép default binding như sau:
Trường hợp này thì Quy tắc 5: HTML Event Element BidingTrong HTML event handlers,
Đây là giá trị trả về console khi click vào button:
Bạn có thể thay đổi style của
Nhưng hãy cẩn thận
khi call function trên button click và dùng
và JavaScript:
Đoạn code trên sẽ không trả kết quả như ý được, bởi theo như rule số 4 thì Tổng kết
Tham khảo bài viết gốc tại freeCodeCamp Có thể bạn quan tâm:
Xem thêm việc làm Front-End Developer hấp dẫn tại TopDev |