函数绑定不起作用，返回 undefined

Function binding does not work, returns undefined

提问人：shiksnosparnis 提问时间：12/22/2021 更新时间：12/22/2021 访问量：111

问：

所以我创建了两个对象：person 和 Tim。

我想将 logInfo 函数绑定到 Tim，但是当我用绑定调用它时，它会一直给我：

  1. 未定义的作业
  2. 未定义的电话

代码如下：

function hello() {
console.log('Hello')
}

const person = {
firstNAme: 'A',
age: 26,
sayHello: hello,
sayHelloWindow: hello.bind(document),
logInfo: function (job, phone) {
    console.group(`${this.firstNAme} info: `)
    console.log(`name is: ${this.firstNAme} and the age is: ${this.age}`)
    console.log(`Job is: ${this.job}`)
    console.log(`Phone is: ${this.phone}`)
    console.groupEnd()
  }
}

const Tim = {
firstNAme: 'Tim',
age: 22
}

const infoTim = person.logInfo.bind(Tim)
infoTim('clown', '100100-10010')  // returns undefined values, why?

我似乎错过了什么吗？ 先谢谢你！

javascript undefined 此 调用 绑定

评论

1赞 Sebastian Simon 12/22/2021
从不使用参数和 。你可以做 和 ，但使用普通的类继承会更有意义。jobphonethis.job ?? jobthis.phone ?? phone

答：

2赞 Pranay Binju 12/22/2021 #1

在函数中，remove for 和 因为它们通过参数被接受，并且不是对象的属性。 总是引用当前对象并指向对象的属性。logInfothisjobphoneTimthisthis.something

参考更新的代码

   function hello() {
      console.log('Hello')
   }
    
    const person = {
    firstNAme: 'A',
    age: 26,
    sayHello: hello,
    sayHelloWindow: hello.bind(document),
    logInfo: function (job, phone) {
        console.group(`${this.firstNAme} info: `)
        console.log(`name is: ${this.firstNAme} and the age is: ${this.age}`)
        console.log(`Job is: ${job}`)
        console.log(`Phone is: ${phone}`)
        console.groupEnd()
      }
    }
    
    const Tim = {
    firstNAme: 'Tim',
    age: 22
    }
    
    const infoTim = person.logInfo.bind(Tim)
    infoTim('clown', '100100-10010')

上一个：如果对象方法作为参数传递给函数，如何将对象方法绑定到其上下文

下一个：将按钮绑定到 Dice 类