Referencing this from a static class field

TypeScript Version: Nightly Playground

The following code (Playground link) is legal in JavaScript, but produces a static error in TypeScript:

class C {
  static a = 'a';
  static b = this.a;
    // 'this' cannot be referenced in a static property initializer.
}
console.log(C.b); // 'a'

Practical use case – my library Enumify for enums:

class Color extends Enumify {
  static red = new Color();
  static orange = new Color();
  static yellow = new Color();
  static green = new Color();
  static blue = new Color();
  static purple = new Color();
  static _ = this.closeEnum(); // TypeScript: Color.closeEnum()
}

Sounds like you want #5863, but if I recall correctly, the problem is that we don't assume the static side of one class is substitutable for another because then every subclass construct signature would have to be assignable to the constructor in the superclass.

AFAICT, this is simpler. In first example above, this is just a synonym for C.

Another example:

class A {
  // Legal in JS, not allowed in TS:
  static thisIsA = (this === A);
}
class B extends A {}

console.log(B.thisIsA); // true

So you want "Monomorphic this for static members" 😄

Probably? 🤔

Axel Rauschmayer (@rauschma)

Thank you for finding this Axel Rauschmayer (@rauschma)!

It's not just the type checking that's wrong. The emit is corrupting legit ESnext code. Playground

class C {
  static self = this;
}

...becomes...

class C {}
C.self = this;

Right! Should be done via definition, not assignment.

Should be done via definition, not assignment.

Actually that bit is handled fine via the option useDefineForClassFields. The badness comes from using this at top-level scope. The downlevel is just semantically wrong.

Interestingly this bug goes away if target == ESnext && useDefineForClassFields == true.

Nathan Shively-Sanders (@sandersn)

Nathan Shively-Sanders (@sandersn) can you look at the emit thing (described lower in comments) ?

Note that the classic, non-spec-compliant emit has been wrong since at least 2.4: https://www.typescriptlang.org/play/?ts=2.4.1#code/MYGwhgzhAEDCD2J4CdoFMAeAXNA7AJjAKK4CuAtgJYBmAntAN4CwAUNNBFmFpcNMmnzQAvNFxoA7nEQoAFAEoA3K3aduvaCjC4A5mhFjJ0pMgXK2HLjz600IJFNHipCE2ZWX1fHQLwHnxnJKHmrW0ABGIKT6TkauQeaqVhoADqTIKSAxhi4ypsEWoRoA+gZYABaUEAB0oPAQaCQUZtAA9K3QACq0KWgAysDIlClYAFyByLVIDU3kCqwAvkA

Ron Buckton (@rbuckton)

We should remove the error for useDefineForClassFields+ESNext. The emit is correct and the type is correct. So the error is wrong there.
For class field emit, we could just replace this with C outside function and class expressions in static property initialisers. In that case we could remove the error entirely.
I thought that this emit would be incorrect with the semantics proposed in Polymorphic "this" for static members #5863, but that issue requests a this type for the static side of the class. Right now, in a static property of C, this: typeof C, but the emit wouldn't need to change if we changed it to be this: this.

I did (1) in #36781.

Ron Buckton (@rbuckton) can you think of any problems with changing this references to C when emitting static properties?

Any progress?

It's affect #42986 and #43092 at least.

Have we considered changing our downlevel emit to support this case? We could either replace this with the class name depending on the context, or just wrap static initializers in something like:

(function() {
Foo.t = this;
Foo.at = () => this;
}).call(Foo);
Not necessary for this PR, but some food for thought.

from #36781 (review)

It's might good for now.

Navigation Menu

Repository navigation

Referencing `this` from a static class field #36267

7 remaining items

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Referencing this from a static class field #36267

Description

Activity

DanielRosenwasser commented on Jan 17, 2020

rauschma commented on Jan 17, 2020

DanielRosenwasser commented on Jan 17, 2020

rauschma commented on Jan 17, 2020

robpalme commented on Jan 19, 2020

rauschma commented on Jan 19, 2020

robpalme commented on Jan 19, 2020

RyanCavanaugh commented on Jan 21, 2020

sandersn commented on Jan 22, 2020

sandersn commented on Feb 13, 2020

7 remaining items

Kingwl commented on Mar 5, 2021

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions

Referencing `this` from a static class field #36267