关于JavaScript关键字之一this解读

最新推荐文章于 2022-08-21 10:00:00 发布

xiaoweids

最新推荐文章于 2022-08-21 10:00:00 发布

阅读量134

点赞数 1

分类专栏：编程语言 JavaScript 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_45707610/article/details/126299852

版权

本文详细解析了JavaScript中的关键字this，重点介绍了在事件处理中this的指向问题。内容涵盖this的函数所有者概念，以及如何在不同场景下正确使用this来操作HTML元素。同时，文章通过实例区分了内联事件注册和传统事件注册中this的差异，并给出了如何在内联事件中传递this给函数的解决方案。

摘要由CSDN通过智能技术生成

this这个关键字

最强大的JavaScript关键字之一是this。不幸的是，如果您不完全了解它的工作原理，则很难使用。

我下面解释如何在事件处理中使用它。稍后，我将添加有关的其他用法的一些信息this。

所有人

我们将在页面其余部分讨论的问题是：this函数中指的是什么doSomething()？

函数doSomething（）{ this.style.color ='＃cc0000'; }

在JavaScript中，this总是指我们正在执行的函数的“所有者”，并应注意，指函数是方法的对象。当我们doSomething()在页面中定义忠实的函数时，其所有者是页面，或者更确切地说，window是JavaScript的的对象（或全局对象）。的onclick财产，不过，被它属于HTML元素拥有。

这种“所有权”是JavaScript面向对象方法的结果。有关更多信息，请参见“对象作为关联列表”页面。

------------ window --------------------------------------| / \ || | || this || ---------------- | || | HTML element | <-- this ----------------- || ---------------- | | doSomething() | || | | ----------------- || -------------------- || | onclick property | || -------------------- || |----------------------------------------------------------

如果我们doS