Angular 2：Ts：嵌套函数

Question

我正在研究一个函数，有人可以就如何指定函数之外的函数提供建议吗？ 在 if 语句中，我想调用 otherfunction()。

@Injectable()
export class menuService {
    constructor (){}
    testing(){ console.log('something')}
    loadwidget(){


           // not able to call this function
           this.testing()

    }
}

我得到的错误是“this.testing is not a function”

ERROR TypeError: this.testing is not a function
    at Object.menuService.loadwidget (http://localhost:3000/main.bundle.js:755:14)
    at Object.eval [as handleEvent] (ng:///AppModule/tbuttonsComponent.ngfactory.js:36:41)
    at handleEvent (http://localhost:3000/vendor.dll.js:13146:138)
    at callWithDebugContext (http://localhost:3000/vendor.dll.js:14354:42)
    at Object.debugHandleEvent [as handleEvent] (http://localhost:3000/vendor.dll.js:13942:12)
    at dispatchEvent (http://localhost:3000/vendor.dll.js:10121:21)
    at http://localhost:3000/vendor.dll.js:10711:38

https://plnkr.co/edit/XCHsu19UhR9wWxz4VLOx?p=preview

Answer 1

这正是你应该如何访问一个类中的其他方法，关闭this 关键字。如果您完全按照上面写的那样使用您的类，那么问题是variableName 没有在customfunction() 中的任何地方定义，所以它会出错。因此，otherfunction() 中的 console.log() 语句永远不会有机会运行。

编辑：我查看了您添加的 Plunker，结果发现这是一个范围界定问题。我更新了menuService 类，使用箭头函数将this 隐式绑定到menuService，第三个按钮开始按预期工作：

export class menuService {
  constructor (){
    // I moved this into the constructor and updated loadingwidget below
    this.menu = [{
      id: 1,
      loadingwidget: () => { this.loadwidget(); },
    }];
  }

  testing(){ 
    console.log('something');
    alert('something');
  }

  loadwidget(){
    this.testing();
  }
}

这是您的 Plunker 的工作版本：https://plnkr.co/edit/sF08cccRb2b0xkfTspVV?p=preview

Answer 2

这不是因为 Injectable，您也不需要 Injectable，因为您没有向服务中注入任何东西。所以你可以省略它。但是我可以看到像这样的代码中很少有问题，

 menu = [
      {
        id = 1,
        loadingwidget: this.loadwidget
      }
    ]

应该在哪里

menu = [
      {
        id:1,
        loadingwidget: this.loadwidget
      }
    ]

它没有正确编译。它工作得很好。

Answer 3

您定义的方式应该可以工作。如果otherfunction() 未被调用，请检查您的 if 语句，可能比较不会返回您期望的结果。

请看这个 plunker 示例：https://plnkr.co/edit/4MWYDdeS5cCTDHI64HO2?p=preview