JavaScript中this指向究竟在什么情况下会指向哪个对象?
- 内容介绍
- 文章标签
- 相关推荐
本文共计2627个文字,预计阅读时间需要11分钟。
前言:JS 中的 this 指向是一个常被问到的问题,网上也有很多关于 this 的文章。本文简要整理一下我对 this 的理解,以及一些我比较疑惑的关于 this 的问题。
this 指向:- this 指向当前正在执行的函数所在上下文的对象。- 在不同情况下,this 的指向会有所不同。
this 的指向问题:
1.普通函数调用:
- 在全局作用域下,this 指向全局对象(浏览器中为 window)。 - 在非严格模式下,构造函数中的 this 指向创建的实例。2.方法调用:
- 如果方法定义在对象上,this 指向该对象。 - 如果方法定义在函数中,且作为对象属性调用,this 指向该对象。3.箭头函数:
- 箭头函数不绑定 this,而是继承外围函数的 this 指向。疑惑点:
1.this 在嵌套函数中的指向。
2.this 在构造函数和普通函数中的不同行为。
3.在事件处理函数中,this 指向问题。
总结:
this 的指向问题比较复杂,但了解其基本原理后,大部分问题都可以得到解决。在实际开发中,需要注意函数的上下文和调用方式,以免出现意想不到的问题。前言
JS 中的 this 指向是一个经常被问到的问题,网上也有很多文章是关于 this 的。本文整理一下我理解下的 this 以及一些我比较疑惑的关于 this 问题。
本文共计2627个文字,预计阅读时间需要11分钟。
前言:JS 中的 this 指向是一个常被问到的问题,网上也有很多关于 this 的文章。本文简要整理一下我对 this 的理解,以及一些我比较疑惑的关于 this 的问题。
this 指向:- this 指向当前正在执行的函数所在上下文的对象。- 在不同情况下,this 的指向会有所不同。
this 的指向问题:
1.普通函数调用:
- 在全局作用域下,this 指向全局对象(浏览器中为 window)。 - 在非严格模式下,构造函数中的 this 指向创建的实例。2.方法调用:
- 如果方法定义在对象上,this 指向该对象。 - 如果方法定义在函数中,且作为对象属性调用,this 指向该对象。3.箭头函数:
- 箭头函数不绑定 this,而是继承外围函数的 this 指向。疑惑点:
1.this 在嵌套函数中的指向。
2.this 在构造函数和普通函数中的不同行为。
3.在事件处理函数中,this 指向问题。
总结:
this 的指向问题比较复杂,但了解其基本原理后,大部分问题都可以得到解决。在实际开发中,需要注意函数的上下文和调用方式,以免出现意想不到的问题。前言
JS 中的 this 指向是一个经常被问到的问题,网上也有很多文章是关于 this 的。本文整理一下我理解下的 this 以及一些我比较疑惑的关于 this 问题。

