内部函数中的此关键字不起作用 （Javascript） [重复]

This keyword in an Inner Function not working (Javascript) [duplicate]

提问人：ToYlet 提问时间：1/22/2023 最后编辑：Nick ParsonsToYlet 更新时间：1/22/2023 访问量：50

问：

这个问题在这里已经有答案了：
“this”关键字是如何工作的，何时应该使用？ （22 个答案）
10个月前关闭。

所以我正在尝试理解 javascript 和内部函数中的关键字。我有一个带有关键字的内部函数，但它是.thisthisreturning "my hobby is undefined"

我怎样才能让它回来"my hobby is programming"

这是我尝试过的，但没有用：

function practice() {
  function close() {
    console.log(`my hobby is ${this.hobby}`)
  }
  
  return close()
}

let person = {
  hobby: "programming"
}

let binding = practice.bind(person)
console.log(binding())

JavaScript 函数 关闭了 这个

评论

1赞 Nick Parsons 1/22/2023
每个函数都有自己的函数，并且基于该函数的调用方式。因为是在没有“上下文”的情况下调用的，所以 默认为默认的全局对象（在浏览器中）。如果要使用周围范围内的值，则可以将其设置为箭头函数，或者在内部调用它并传递 的 时使用。这里主要介绍这一点：“this”关键字是如何工作的，什么时候应该使用它？functionthisclose()closethiswindowclosethis.call()practicepracticethis

答：

0赞 bee 1/22/2023 #1

因此，您需要将数据绑定到函数内部的内部函数，并将它们绑定到外部函数。见下文：

function practice() {
  function close() {
    console.log(`my hobby is ${this.hobby}`)
  }
  let binding2 = close.bind(this)
  
  return binding2()
}

let person = {
  hobby: "programming"
}
let binding = practice.bind(person)
binding()

评论

2赞 Nick Parsons 1/22/2023
你在这里指的是什么循环？您可以直接执行，而无需 if 语句。但是，如果您这样做，然后直接拨打电话，您不妨使用代替:)let bidnging2 = close.bind(this);binding2()binding2.call(this)
0赞 bee 1/22/2023
你是对的，出于某种原因，当我测试代码时，在我发布它之前，我得到了一个循环，所以添加了一个以避免它哈哈
1赞 Nick Parsons 1/22/2023
也许您可以编辑您的答案以修复答案的那部分:)
1赞 Lucasbk38 1/22/2023 #2

你的内部函数应该是一个箭头函数，因为一个普通的函数会覆盖上下文：this

function practice() {
    const close = () => {
        return `my hobby is ${ this.hobby }`
    }

    return close()
}

let person = {
    hobby: "programming"
}

let binding = practice.bind(person)
console.log(binding())

希望对你有所帮助！

上一个：this.id 未定义。我在编码经典井字游戏时遇到此错误

下一个：Node.js this.varaiable 分配在 VS Code 中不起作用 [重复]