Hàm Fat arrow giải quyết vấn đề ràng buộc từ vựng “this”. Nó có ngữ cảnh là “cái này” và bạn có thể thực hiện cùng một mục đích vì mũi tên nhanh không có cái này của riêng nó. Chức năng mũi tên béo như tên cho thấy giúp giảm dòng mã. Cú pháp => hiển thị mũi tên béo.
Ví dụ
$('.button1').click(function () { setTimeout(function () { $(this).text('demo'); } ,400); });
Ở trên đưa ra lỗi vì hàm () xác định đây là một đối tượng toàn cục. Hãy xem cách giải quyết vấn đề này bằng cách sử dụng hàm mũi tên béo và ngữ cảnh của “this” -
$('.button1').click(function () { setTimeout( () => { $(this).text(‘demo’) } ,400); });