Disallow aliasing this
(no-this-alias
)
This rule prohibits assigning variables to this
.
Rule Details
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)
Options
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
}
]
}
When Not To Use It
If you need to assign this
to variables, you shouldnโt use this rule.
Related To
- TSLint:
no-this-assignment
Attributes
- โ Recommended
- ๐ง Fixable
- ๐ญ Requires type information