js之this

简介: js之this

最近写代码学习了this,这个非常好用啊,今天拿出来给大家分享一下,根据我的理解以及前辈们的讲解

this 关键字代表当前执行上下文中的对象。它通常指向调用函数的对象,但其值可能取决于函数的调用方式。

  1. 全局上下文中的 this
  • 在浏览器中,全局上下文中的 this 指向全局对象 window
  • 在 Node.js 中,全局上下文中的 this 指向全局对象 global
  1. 函数上下文中的 this
  • 在函数内部,this 可能指向不同的对象,取决于函数的调用方式。
  • 如果函数作为普通函数调用,this 指向全局对象。
  • 如果函数作为对象的方法调用,this 指向调用该方法的对象。
  • 如果函数作为构造函数调用(使用 new 关键字),this 指向新创建的对象。
  • 如果使用 call()apply()bind() 显式绑定了 this,则 this 将指向绑定的对象。
  1. 箭头函数中的 this
  • 箭头函数没有自己的 this,它的 this 值继承自包含它的上下文。
  • 在箭头函数中使用 this,实际上是指向定义时所在的词法作用域中的 this 值。

因此,this 的含义取决于函数的调用方式和上下文环境。

谢谢大家观看,我是小辉,谢谢大家观看

目录
相关文章
|
4月前
|
JavaScript 前端开发
js详解1
js详解1
35 2
|
1月前
|
缓存 前端开发 算法
Next.js
Next.js【8月更文挑战第4天】
33 1
|
1月前
|
JavaScript 前端开发
浅谈js。。
浅谈js。。
15 0
|
3月前
|
JavaScript 前端开发
什么是js
什么是js
94 4
|
3月前
|
XML JavaScript 前端开发
JS是什么
JS是什么
47 0
|
4月前
|
JavaScript
js的一些理解
js的一些理解
28 1
|
4月前
|
编解码 JavaScript 前端开发
js一些理解
js一些理解
28 1
|
4月前
|
JavaScript 前端开发
什么是js?
什么是js?
|
XML JavaScript 前端开发
|
JavaScript 前端开发
3、JS总结
3、JS总结
65 0
3、JS总结