Difference between ‘object’ ,{} and Object in TypeScript

by

TypeScript has three confusing types: Object, {} and object.

You can assign null and undefined to all three types if strictNullChecks compiler option is disabled otherwise the compile error occurs.

Object

Contains stuff (like toString(), hasOwnProperty()) that is present in all JavaScript objects. Any value (primitive, non-primitive) can be assigned to Object type.

{}

{} is an empty object. It is pretty much the same as Object in runtime but different in compile time. In compile time {} doesn’t have Object‘s members and Object has more strict behavior (see the @golmschenk’s comment).

object

object was introduced in TypeScript 2.2. It is any non-primitive type. You can’t assign to it any primitive type like bool, number, string, symbol.

Thus, if you will try this:

var strictTypeHeaders: { [key: string]: string } = {}; // non-primitive type
var header: object = {};
header = strictTypeHeaders; // its OK
strictTypeHeaders = header; // causes error "Type 'object' is not assignable to type '{ [key: string]: string }`"

you will get the compile error on the last line. This happens because { [key: string]: string } type is more specific than object type. There is no any error on header = strictTypeHeaders since both types are non-primitive and object is more common type than { [key: string]: string }

More Related Contents:

  1. Type union not checking for excess properties
  2. TypeScript: Object.keys return string[]
  3. Does Typescript support mutually exclusive types?
  4. How to implement a typescript decorator?
  5. How to convert a string to number in TypeScript?
  6. Confusing “duplicate identifier” Typescript error message
  7. What does the “as const” mean in TypeScript and what is its use case?
  8. Typescript: Check “typeof” against custom type
  9. Angular2 – should private variables be accessible in the template?
  10. Typescript check object by type or interface at runtime with typeguards in 2020+
  11. TypeScript: void return type converted to any type?
  12. Angular 2 beta.17: Property ‘map’ does not exist on type ‘Observable’
  13. How to declare a Fixed length Array in TypeScript
  14. Is it possible to restrict number to a certain range
  15. Higher-order type functions in TypeScript?
  16. Angular 6 View is not updated after changing a variable within subscribe
  17. ESLint – Configuring “no-unused-vars” for TypeScript
  18. Object destructuring with property names that are not valid variable names
  19. How to install Typescript typings for google maps
  20. How to use Object.values with typescript?
  21. is there a way to get all required properties of a typescript object
  22. What’s the meaning of “=>” in TypeScript? (Fat Arrow)
  23. How to use array.map with tuples in typescript?
  24. Typescript and spread operator?
  25. Angular 2 ngModel in child component updates parent component property
  26. How to extend the ‘Window’ typescript interface
  27. Getting the return type of a function which uses generics
  28. Angular 2 loader on each http request
  29. Self-referencing return type for static methods in inheriting classes
  30. How to place a dynamic component in a container

Leave a Comment