javascript - typescript 类找不到 "this"变量？

Question

我正在使用 babylonjs 库并使用 typescript 创建了一个“Building”类。顺便说一句，整个事情都使用 typescript 。我从我的主 game.ts“游戏”类创建了这个新的“建筑”，当我试图访问“建筑”的成员时，我得到了“未定义”变量错误。然而，这只发生在另一个类方法中，但似乎在构造函数中工作正常。我假设它与 javascript/typescript 中的“this”范围界定有关。我尝试通过以下方式修改函数:

Create = ...(...)=> {
   ...

我尝试通过以下方式创建变量:

private rect: = () => Rectangle

但是还是不行

这真的是“这个”范围界定的问题吗，因为似乎没有任何效果。下面我准确标记了这个变量在哪里起作用，哪里不起作用。

class Building {

    private rect : Rectangle
    private buildingMesh:string[]
    private buildingId:string

    constructor(rect: Rectangle, id:string) {

      this.rect = rect
      console.log("TL in b const: " + this.rect.topLeft.x) // <--- This works here
      this.buildingId = id

    }

    Create(scene:BABYLON.Scene) {

      BABYLON.SceneLoader.ImportMesh(this.buildingId, "models/","tree.babylon", scene, function (newMeshes) {

          var idx = 0

          console.log("TL in b: " + this.rect.topLeft.x) // <--- this gives me undefined
          var wall =newMeshes[0].createInstance(this.buildingId + idx) 
          wall.position.x = this.rect.topLeft.x
          wall.position.y = this.rect.topLeft.y
          this.buildingMesh.push(this.buildingId + idx)
          idx++
      });
    }
}

Answer 1

我猜你快到了。箭头函数 ( => ) 语法是我们所需要的，但即使在 BABYLON.SceneLoader.ImportMesh 调用上也是如此:

BABYLON.SceneLoader
    .ImportMesh(this.buildingId, "models/","tree.babylon", scene, 
        function (newMeshes) {
         ...
         // here we do not have this kept by TS for us
});

我们应该使用

BABYLON.SceneLoader
    .ImportMesh(this.buildingId, "models/","tree.babylon", scene, 
        (newMeshes) => {
         ...
         // here the magic would happen again
         // and compiler will keep this to be what we expect
});