js对象中this指向问题

最新推荐文章于 2024-05-28 23:58:32 发布

Shencl_harsh

最新推荐文章于 2024-05-28 23:58:32 发布

阅读量84

点赞数

分类专栏： js基础

本文链接：https://blog.csdn.net/weixin_45564155/article/details/118743328

版权

js基础专栏收录该内容

4 篇文章 0 订阅

订阅专栏

这篇博客探讨了JavaScript中`this`指向的问题，通过示例展示了在不同上下文中`this`的取值变化。文章特别提到了箭头函数与普通函数的区别，解释了在箭头函数中`this`如何保持其定义时的作用域。此外，还讨论了变量声明的`var`、`let`和`const`的区别，以及它们在全局和局部作用域中的表现。

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

// var a = {
//   name: 'xxx',
//   say(){
//     console.log(this);
//     console.log(this.name);
//   }
// }
// var b = a.say

// a.say();/* xxx */
// b();/* undefined */

// var name = 'shencl'/* window能访问到 */

// var a = {
//   name: 'xxx',
//   say: () => {
//     console.log('this:', this);
//     console.log(this.name);
//   }
// }
// var b = a.say

// a.say();/* shencl */
// b();/* shencl */

const name = 'shencl'/* const不会自动挂到 window 属性上 */

var a = {
  name: 'xxx',
  say: () => {
    console.log('this:', this);
    console.log(this.name);
  }
}
var b = a.say

a.say();/* undefined */
b();/* undefined */