Disallow aliasing this
.
This rule prohibits 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": false, // Disallow `const { props, state } = this`; true by default
"allowedNames": ["self"] // Allow `const self = this`; `[]` by default
}
]
}
If you need to assign this
to variables, you shouldn’t use this rule.
- TSLint:
no-this-assignment
- ✅ Recommended
- 🔧 Fixable
- 💭 Requires type information