_typescript-generics-basics.md

Code Examples for my Blog Post: TypeScript – Generics Basics

example-1.js

class Vehicle {
    name: string;
}
 
class Car extends Vehicle{
    type: string;
}
 
class Computer {
    brand: string;
}
 
let cars: Array<Car> = [];
 
cars[0] = new Car();
cars[1] = new Car();

console.dir(cars); // [Car:{}, Car:{}]

example-2.js

class Vehicle {
    name: string;
}
 
class Car extends Vehicle{
    type: string;
}
 
class Computer {
    brand: string;
}
 
let cars: Array<Car> = [];
 
cars[0] = new Car();
cars[1] = new Computer(); //throws a typescript error: "Type 'Computer' is not assignable to type 'Car'" / "Property 'type' is missing in type 'Computer'"

console.dir(cars);