javascript - 带有箭头功能的jquery

标签 javascript jquery

<分区>

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

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

还有这个

$('.child_panel').on('click', function() {
             console.log(this);
    });

似乎上下文绑定(bind)到 this 只发生在第二种情况而不是第一种情况。有人可以解释一下箭头函数的区别是什么以及正确的方法是什么。

谢谢!

最佳答案

来自 https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions

An arrow function expression has a shorter syntax than a function expression and does not bind its own this, arguments, super, or new.target. These function expressions are best suited for non-method functions, and they cannot be used as constructors.

关于javascript - 带有箭头功能的jquery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45203479/

相关文章:

javascript - Jquery 无限滚动脚本中的“阅读更多”按钮

javascript - 显示来自数据库 AngularJS 的值

javascript - 将 Parquet 转换为常规 TXT 文件的最快方法是什么?

javascript - 在附加内容之前延迟加载图像

javascript - JQuery:激活和停用滑动菜单的问题

javascript - JQGrid是免费的吗?

javascript - 为什么 Chrome 不允许 Web Worker 在 JavaScript 中运行?

javascript - xmlhttprequest 请求已发送,但代码未执行?

jquery - 如何使用 MVC ajax 和 PartialViews 同时维护 ModelState 错误

javascript - 在成功回调之外读取 ajax 调用结果