打字稿4.6和箭头功能

发布于 2025-01-22 17:00:12 字数 823 浏览 0 评论 0原文

我们最近更新到Typescript 4.6（来自4.5），并遇到了一些奇怪的此问题。

例如，我们以前在#handleunsaveddata = async（事件：toferunloadevent）上定义了一个函数：Promise＆lt; boolean＆gt; =＆gt; {并将this.workSpaceService.HandLeunSaved = this

。 ; boolean＆gt; { and'通过箭头，而是this.workSpaceService.handleunsaved = event =＆gt;这个。＃thangeunsaveddata（event）;

看来，我们似乎无法在构造函数之前访问构造函数的服务？之前：

export class HeaderComponent {
  @Input() close = this.workspaceService.close;

  constructor(private workspaceService: WorkspaceService) { }
}

之后：

export class HeaderComponent {

  constructor(private workspaceService: WorkspaceService) { }

  close() {
    this.workspaceService.close();
  }
}

我觉得我在这里错过了一些非常基本的东西，但是我已经阅读并重新阅读了TS 4.6文档，并努力寻找引起这一点的原因。

原文

We recently updated to typescript 4.6 (from 4.5) and are experiencing some weird this issues.

for example we previously had a function defined at #handleUnsavedData = async (event: BeforeUnloadEvent): Promise<boolean> => { and passed to a service with this.workspaceService.handleUnsaved = this.#handleUnsavedData

it appears we now need to define it like async #handleUnsavedData(event: BeforeUnloadEvent): Promise<boolean> { and 'pass' it with the arrow instead this.workspaceService.handleUnsaved = event => this.#handleUnsavedData(event);

It also appears that we can no longer access constructor injected services before the constructor?
Before:

export class HeaderComponent {
  @Input() close = this.workspaceService.close;

  constructor(private workspaceService: WorkspaceService) { }
}

After:

export class HeaderComponent {

  constructor(private workspaceService: WorkspaceService) { }

  close() {
    this.workspaceService.close();
  }
}

I feel like I'm missing something incredibly basic here, but i have read and re-read the TS 4.6 documentation and am struggling to find what is causing this.

分享到QQ

分享到微博