Any difference between type assertions and the newer `as` operator in TypeScript?

by

The difference is that as Circle works in TSX files, but <Circle> conflicts with JSX syntax. as was introduced for this reason.

For example, the following code in a .tsx file:

var circle = <Circle> createShape("circle");

Will result in the following error:

error TS17002: Expected corresponding JSX closing tag for ‘Circle’.

However, as Circle will work just fine.

Use as Circle from now on. It’s the recommended syntax.

More Related Contents:

  1. Build a function object with properties in TypeScript
  2. TypeScript or JavaScript type casting
  3. TypeScript: Index signature is missing in type
  4. How do you emulate nominal typing in TypeScript?
  5. How do I convert between numeric types safely and idiomatically?
  6. TypeScript enum to object array
  7. Converting a Vec to Vec in-place and with minimal overhead
  8. How to tweak LISTAGG to support more than 4000 character in select query?
  9. Angular: Typescript casting JSON response as object model not working
  10. CASTING attributes for Ordering on a Doctrine2 DQL Query
  11. Type union not checking for excess properties
  12. What is the difference between static_cast and C style casting?
  13. ! operator in typescript after object method
  14. No need to cast the result of findViewById?
  15. Confusing “duplicate identifier” Typescript error message
  16. How to insert a character in a string at a certain position?
  17. Angular 2 beta.17: Property ‘map’ does not exist on type ‘Observable’
  18. Inject TypeORM repository into NestJS service for mock data testing
  19. How to cast List to List
  20. why is return type `null` (or any other type) assignable to return type `void`?
  21. Reactive forms – disabled attribute
  22. Converting double to integer in Java
  23. How to cast object to another type and remove unneeded fields in TypeScript?
  24. How to implement sleep function in TypeScript?
  25. Should we use useCallback in every function handler in React Functional Components
  26. Pass parameter into route guard
  27. Typescript dependency injection public vs private
  28. How to get a variable type in Typescript?
  29. Browser Detection in ReactJS
  30. get dictionary/object keys as tuple in typescript

Leave a Comment