Please enable JavaScript.

Coggle requires JavaScript to display documents.

Typescript - Coggle Diagram

- - - - Typescript system is static!!
    - - perform their type equivalence at runtime. Ex. Javascript
- - - - special type that's specifically used to describe function return values
        
        THE RETURN VALUE OF A VOID FUNCTION IS INTENDED TO BE IGNORED
    - - type aliases
      - interfaces
- - - - Declare a JS object using the interface
        
        const User = { name:string, id: number};
        
        const user: User = { name: "Diana", id: 0};
      - Use an interface declaration with classes.
        
        class UserAccount { name:string; id: number; constructor(name:string, id: number) { this.name = name; this.id = id;} }
        
        const user: User = new UserAccount("Diana", 1);
      - Inheritance
        
        Heritage clause => extends
  - - - allowing anything
    - - it's not possible that this type could happen
    - - ensure someone using this type declares what type is
- - - - Example: type MyBool = true | false;
    - - Example: type WindowStates = "open" | "closed" | "minimized";
      - Example: type LockStates = "locked" | "unlocked";
      - Example:
        type PositiveOddNumbersUnderTen = 1 | 3 | 5 | 7 | 9;
    - - function getLength(obj: string | string[]) { return obj.length; }
  - - - An array with generics can describe the values that the array contains
        
        Example: type StringArray = Array<string>;
        
        Example: type NumberArray = Array<number>;
        
        Example: type ObjectWithNameArray = Array<{ name: string }>;
- - - - TYPE GUARD
        if (typeof car.chargeVoltage !== "undefined")
        str += //${car.chargeVoltage}v
      - EXCESS PROPERTY CHECKING