Skip to main content

no-this-alias

Disallows aliasing this.

This rule prohibits assigning variables to this.

Attributes

  • Included in configs
    • ✅ Recommended
    • 🔒 Strict
  • Fixable
    • 🔧 Automated Fixer
    • 🛠 Suggestion Fixer
  • 💭 Requires type information

Rule Details​

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 a function () {:

const self = this;
>
setTimeout(function () {
self.doWork();
});

Use () => arrow lambdas, as they preserve this 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.