Hướng dẫn this in javascript
Chắc hẵn bạn đã từng nhìn thấy từ Show I. Khái niệm về "this".Đối với ngôn ngữ JavaScript, từ khóa Nghe có vẻ trừu tượng quá phải không 😅, hiểu đơn giản hơn thì
Ta cùng xem tiếp một ví dụ khác nhé 😉. Trường hợp tiếp theo ta khai báo biến global và function global. Vì thế toàn bộ các biến và các function đều được nằm trong một object lớn có tên là window.
Dễ hiểu hơn chưa nè, bám sát lý thuyết lắm rồi đấy nhé 🤣. II. Cách sử dụng "this" trong JavaScript.Vậy sử dụng Nếu các bạn có theo dõi series JavaScript của mình thì các bạn sẽ biết function cũng là một dạng object, nếu các bạn không biết thì cũng không sao 😁, mình sẵn sàng giải thích luôn. Về bản chất thì một function bất kỳ đều có property, giống như object vậy. Khi mà thực thi
function, sẽ có property
Lưu ý: Khi bạn dùng strict mode, Cùng giải thích ví dụ trên cho dễ hiểu nè! Ở đây Lưu ý về
Tóm lại là khi gặp III. Các trường hợp dễ nhầm lẫn với "this".Mình quên nói với các bạn là 1. Function truyền vào như một callback function.Trong phần này, chúng ta sẽ sử dụng Jquery để làm ví dụ cho đơn giản hơn nhé 😉. Nếu chưa rõ Jquery thì cứ làm theo mình. Ví dụ người dùng muốn click vào một button và sẽ lấy được full name của user. Việc này khá đơn giản, chỉ việc truyền function
Tuy nhiên chỉ có gọi function Lý do mà ta không thể truy cập đến object Ta fix đoạn script trên lại như sau:
hoặc
Kết quả: 2. Sử dụng "this" trong anonymous function.Ví dụ ta có một object person có chứa danh sách các girl friend của anh chàng nào đó, bạn muốn viết một function để show cho ra cho mọi người thấy anh chàng đó "tra nam" như thế nào 🤣, bạn sẽ viết như sau:
Ta thấy function Bởi vì
Đơn giản phải không 😁. 3. Function được gán vào một biến.Trường hợp khi ta gán một function vào một biến và bạn nghĩ nó sẽ chạy bình thường, bạn gọi nó ra sử dụng. Nhưng đời không như mơ, nó lại chạy nhưng lại không đúng với kết quả nhưng mong đợi 🤣.
Cách fix cũng dễ thôi, ta dùng
IV. Tổng kết.Như vậy, qua bài này, chúng ta đã tìm hiểu được cái |