this
(no-this-alias)This rule prohibts assigning variables to this
.
Rationale from TSLint:
Assigning a variable to
this
instead of properly using arrow lambdas may be a symptom of pre-ES6 practices or not managing scope well.Instead of storing a reference to
this
and using it inside afunction () {
:const self = this; setTimeout(function() { self.doWork(); });Use
() =>
arrow lambdas, as they preservethis
scope for you:setTimeout(() => { this.doWork(); });
Examples of incorrect code for this rule:
(see the rationale above)
Examples of correct code for this rule:
(see the rationale above)
You can pass an object option:
{ '@typescript-eslint/no-this-alias': [ 'error', { allowDestructuring: true, // Allow `const { props, state } = this`; false by default allowedNames: ['self'], // Allow `const self = this`; `[]` by default }, ], }
If you need to assign this
to variables, you shouldn’t use this rule.
no-this-assignment