如何使用箭头功能将“ this”绑定到对象

时间:2019-03-07 17:38:18

标签: javascript

我需要使用箭头功能将此关键字绑定到对象内部。有可能吗?

请不要将此标记为重复,因为我在stackoverflow上已阅读10篇关于此的文章,但尚未找到答案。我只是想知道是否可行,因为到处都是解决方法而不使用箭头功能。

这是我没有成功的尝试。

const person1 = {
  name: 'Dude',
  showName: function(){
    console.log(this.name)
  }
}

const person2 = {
  name: 'Dude',
  showName(){
    console.log(this.name)
  }
}

const person3 = {
  name: 'Dude',
  showName: () => {
    console.log(this.name)
  }
}

const person4 = {
  name: 'Dude',
  showName: (() => {
    console.log(this.name)
  }).bind(this)
}

/* const person5 = {
  name: 'Dude',
  showName: () => {
    console.log(this.name)
  }.bind(this)
} */

person1.showName() // Dude
person2.showName() // Dude
person3.showName() // result
person4.showName() // result
// person5.showName() // SyntaxError

0 个答案:

没有答案