Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/384.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 带箭头函数的Jquery_Javascript_Jquery - Fatal编程技术网

Javascript 带箭头函数的Jquery

Javascript 带箭头函数的Jquery,javascript,jquery,Javascript,Jquery,如果这是重复的,我道歉。我有点困惑,这有什么区别 $('.child_panel').on('click', () => { console.log(this); }); 用这个 $('.child_panel').on('click', function() { console.log(this); }); 在我看来,上下文对的绑定只发生在第二种情况下,而不是第一种情况下。有人能解释一下区别是什么,在使用箭头功能的情况下,正确的方法

如果这是重复的,我道歉。我有点困惑,这有什么区别

$('.child_panel').on('click', () => {
         console.log(this);
});
用这个

$('.child_panel').on('click', function() {
             console.log(this);
    });
在我看来,上下文对
的绑定只发生在第二种情况下,而不是第一种情况下。有人能解释一下区别是什么,在使用箭头功能的情况下,正确的方法是什么吗

谢谢

来自

箭头函数表达式的语法比函数短 表达式,不绑定自己的this、arguments、super或 新目标。这些函数表达式最适用于非方法 函数,它们不能用作构造函数