How to declare a type as nullable in TypeScript?

by

All fields in JavaScript (and in TypeScript) can have the value null or undefined.

You can make the field optional which is different from nullable.

interface Employee1 {
    name: string;
    salary: number;
}

var a: Employee1 = { name: 'Bob', salary: 40000 }; // OK
var b: Employee1 = { name: 'Bob' }; // Not OK, you must have 'salary'
var c: Employee1 = { name: 'Bob', salary: undefined }; // OK
var d: Employee1 = { name: null, salary: undefined }; // OK

// OK
class SomeEmployeeA implements Employee1 {
    public name="Bob";
    public salary = 40000;
}

// Not OK: Must have 'salary'
class SomeEmployeeB implements Employee1 {
    public name: string;
}

Compare with:

interface Employee2 {
    name: string;
    salary?: number;
}

var a: Employee2 = { name: 'Bob', salary: 40000 }; // OK
var b: Employee2 = { name: 'Bob' }; // OK
var c: Employee2 = { name: 'Bob', salary: undefined }; // OK
var d: Employee2 = { name: null, salary: 'bob' }; // Not OK, salary must be a number

// OK, but doesn't make too much sense
class SomeEmployeeA implements Employee2 {
    public name="Bob";
}

More Related Contents:

  1. ‘unknown’ vs. ‘any’
  2. *ngFor running an infinite loop in angular2
  3. The property ‘value’ does not exist on value of type ‘HTMLElement’
  4. What is the question mark for in a Typescript parameter name
  5. How to pass optional parameters while omitting some other optional parameters?
  6. Angular 2 Show and Hide an element
  7. Types for function that applys name of function and arguments
  8. Typescript: How can I make entries in an ES6 Map based on an object key/value type
  9. Difference between ‘object’ ,{} and Object in TypeScript
  10. How to reject in async/await syntax?
  11. Typescript: Type ‘string | undefined’ is not assignable to type ‘string’
  12. Typescript error: TS7053 Element implicitly has an ‘any’ type
  13. In Typescript what does mean?
  14. Accessing a property in a parent Component
  15. TypeScript error in Angular2 code: Cannot find name ‘module’
  16. Is this behavior of “𝚊𝚗𝚢” a TypeScript Type System Bug?
  17. Class type check in TypeScript
  18. Typescript: Type of a property dependent on another property within the same object
  19. Naming of TypeScript’s union and intersection types
  20. Eliminate nevers to make union possible
  21. Union and Intersection of types
  22. Jest won’t transform the module – SyntaxError: Cannot use import statement outside a module
  23. Typescript and spread operator?
  24. Angular 2 ngModel in child component updates parent component property
  25. Getting the return type of a function which uses generics
  26. Angular 2 loader on each http request
  27. Typescript: type narrowing not working for `in` when key is stored in a variable
  28. Run factory function on import in TypeScript?
  29. Self-referencing return type for static methods in inheriting classes
  30. How to place a dynamic component in a container

Leave a Comment