consistent-type-assertions

Enforce consistent usage of type assertions.

🎨

Extending "plugin:@typescript-eslint/stylistic" in an ESLint configuration enables this rule.

🔧

Some problems reported by this rule are automatically fixable by the --fix ESLint command line option.

💡

Some problems reported by this rule are manually fixable by editor suggestions.

TypeScript provides two syntaxes for "type assertions":

• Angle brackets: <Type>value
• As: value as Type

This rule aims to standardize the use of type assertion style across the codebase. Keeping to one syntax consistently helps with code readability.

note

Type assertions are also commonly referred as "type casting" in TypeScript. However, that term is technically slightly different to what is understood by type casting in other languages. Type assertions are a way to say to the TypeScript compiler, "I know better than you, it's actually this different type!".

const assertions are always allowed by this rule. Examples of them include let x = "hello" as const; and let x = <const>"hello";.

.eslintrc.cjs

module.exports = {
  "rules": {
    "@typescript-eslint/consistent-type-assertions": "error"
  }
};

Try this rule in the playground ↗

Options

This rule accepts the following options

type Options = [
  | {
      assertionStyle: 'angle-bracket' | 'as';
      objectLiteralTypeAssertions?: 'allow' | 'allow-as-parameter' | 'never';
    }
  | {
      assertionStyle: 'never';
    },
];

const defaultOptions: Options = [
  { assertionStyle: 'as', objectLiteralTypeAssertions: 'allow' },
];

assertionStyle

This option defines the expected assertion style. Valid values for assertionStyle are:

• as will enforce that you always use ... as foo.
• angle-bracket will enforce that you always use <foo>...
• never will enforce that you do not do any type assertions.

Most codebases will want to enforce not using angle-bracket style because it conflicts with JSX syntax, and is confusing when paired with generic syntax.

Some codebases like to go for an extra level of type safety, and ban assertions altogether via the never option.

objectLiteralTypeAssertions

Always prefer const x: T = { ... }; to const x = { ... } as T; (or similar with angle brackets). The type assertion in the latter case is either unnecessary or will probably hide an error.

The compiler will warn for excess properties with this syntax, but not missing required fields. For example: const x: { foo: number } = {}; will fail to compile, but const x = {} as { foo: number } will succeed.

The const assertion const x = { foo: 1 } as const, introduced in TypeScript 3.4, is considered beneficial and is ignored by this option.

Assertions to any are also ignored by this option.

Examples of code for { assertionStyle: 'as', objectLiteralTypeAssertions: 'never' }:

❌ Incorrect

const x = { ... } as T;

function foo() {
  return { ... } as T;
}

✅ Correct

const x: T = { ... };
const y = { ... } as any;
const z = { ... } as unknown;

function foo(): T {
  return { ... };
}

Examples of code for { assertionStyle: 'as', objectLiteralTypeAssertions: 'allow-as-parameter' }:

❌ Incorrect

const x = { ... } as T;

function foo() {
  return { ... } as T;
}

✅ Correct

const x: T = { ... };
const y = { ... } as any;
const z = { ... } as unknown;
foo({ ... } as T);
new Clazz({ ... } as T);
function foo() { throw { bar: 5 } as Foo }
const foo = <Foo props={{ ... } as Bar}/>;

When Not To Use It

If you do not want to enforce consistent type assertions.

Resources

• Rule source
• Test source