什么是 JavaScript 中的词法 this?


胖箭头函数解决了词法绑定“this”的问题。它接受了“this”的上下文,而且您还可以实现相同的目的,因为胖箭头没有自己的 this。如其名字所建议的那样,胖箭头函数有助于减少代码行数。语法 => 表示胖箭头。

示例

$('.button1').click(function () {
   setTimeout(function () {
      $(this).text('demo');
   } ,400);
});

以上示例会出现错误,因为 function() 将 this 定义为全局对象。让我们看看如何使用胖箭头函数和“this”的上下文来解决该问题 −

$('.button1').click(function () {
   setTimeout( () => {
      $(this).text(‘demo’) }
  ,400);
});

更新于: 16-6-2020

2K+ 浏览

启动职业生涯

完成课程即可获得认证

开始吧
广告