如何以与在 Javascript 中相同的方式在 Typescript 中访问“this”？

Question

在js中，我使用以下代码

function m() {
  console.log(this)
}

m()

返回当前上下文

但是在ts中，我使用下面的代码，这个返回未定义

function m() {
    // @ts-ignore
    console.log(this)
}

m()

我希望在 typescript 中使用这个获取当前上下文，怎么办？

Answer 1

就像其他答案告诉你的那样，这是因为打字稿的use strict。为了能够拥有this 上下文，您可以（但不应该）使用new 关键字。

playground

function m() {
  // @ts-ignore
  console.log(this);
}

// @ts-ignore
new m();

Answer 2

这是因为你的 typescript 中默认使用了“use strict”。

如果你在 js 中尝试这个返回相同的 undefined

'use strict';

function m() {
  console.log(this)
}

m()

Answer 3

问题在于，当您使用 TS 时，您在严格模式下运行，而在严格模式下，函数的 this 未定义。

因此对于严格模式函数，指定的 this 不会被装箱 一个对象，如果未指定，这将是未定义的：

source

Answer 4

你可以试试这样，

const that = this;

function m() {
  console.log(that);
}

m();