这不返回对象属性(箭头，this)

这不返回对象属性(箭头，this)是一个关于JavaScript编程语言中的箭头函数和this关键字的问题。在JavaScript中，箭头函数是一种简洁的函数语法，它可以更方便地定义匿名函数或回调函数。

箭头函数与普通函数的区别在于它没有自己的this值，它会继承外层作用域的this值。这意味着在箭头函数内部，无法通过this来访问到对象的属性。

举个例子，假设有一个对象person，其中有一个方法greet使用箭头函数定义：

const person = {
  name: 'John',
  greet: () => {
    console.log(`Hello, my name is ${this.name}`);
  }
};

person.greet();

在上述代码中，箭头函数greet无法访问到person对象的name属性，因为箭头函数没有自己的this值，它会继承外层作用域的this值，而外层作用域是全局作用域，因此this指向的是全局对象（在浏览器环境中是window对象）。由于全局对象没有name属性，所以会输出undefined。

对于这个问题，可以使用普通函数来解决，普通函数会有自己的this值，可以正确访问到对象的属性：

const person = {
  name: 'John',
  greet: function() {
    console.log(`Hello, my name is ${this.name}`);
  }
};

person.greet();

在上述代码中，greet方法使用普通函数定义，this指向的是person对象，因此可以正确访问到name属性，输出结果为"Hello, my name is John"。

总结起来，箭头函数在某些情况下可以简化代码，但在需要使用this来访问对象属性的场景下，应该使用普通函数。

腾讯云相关产品和产品介绍链接地址：

页面内容是否对你有帮助？

有帮助

没帮助

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云