JavaScript 中的 `this` 指向：函数调用时它究竟指向什么？

知识点掌握了，还需要不断练习才能熟练运用。下面golang学习网给大家带来一个文章开发实战，手把手教大家学习《JavaScript 中的 `this` 指向：函数调用时它究竟指向什么？》，在实现功能的过程中也带大家重新温习相关知识点，温故而知新，回头看看说不定又有不一样的感悟！

this在js函数中的作用

在javascript中，this关键字指向函数执行时的当前上下文对象。它在不同的情况下可能指向不同的对象，例如：

• 作为方法：指向调用它的对象。
• 作为独立函数：指向全局对象（在浏览器中通常为window对象）。

对于给定的示例函数：

function f() {
  alert($(this).attr('id'));
}

this指向值取决于函数的调用方式。如果直接调用（f()），this将指向全局对象，而不是点击元素。

控制this指向

为了控制this指向，可以通过以下两种方式：

1. 显式传递事件源

在调用函数时，可以显式地将事件源作为参数传递给函数。这确保this始终指向预期的元素。

f(this);

2. 使用事件绑定

通过事件绑定，可以在事件触发时设置this指向的值。例如，使用jquery绑定点击事件：

$('.xx').on('click', function() {
  $(this).attr('id');
});

这样，this将始终指向被点击的元素。

本篇关于《JavaScript 中的 `this` 指向：函数调用时它究竟指向什么？》的介绍就到此结束啦，但是学无止境，想要了解学习更多关于文章的相关知识，请关注golang学习网公众号！