Why duck typing is allowed for classes in TypeScript

by

This is the way structural typing works. Typescript has a structural type system to best emulate how Javscript works. Since Javascript uses duck typing, any object that defines the contract can be used in any function. Typescript just tries to validate duck typing at compile time instead of at runtime.

Your problem will however only manifest for trivial classes, as soon as you add privates, classes become incompatible even if they have the same structure:

class Vehicle {
    private x: string;
    public run(): void { console.log('Vehicle.run'); }
}

class Task {
    private x: string;
    public run(): void { console.log('Task.run'); }
}

function runTask(t: Task) {
    t.run();
}

runTask(new Task());
runTask(new Vehicle()); // Will be a compile time error

This behavior also allows you to not explicitly implement interfaces, for example you function could define the interface for the parameter inline, and any class that satisfies the contract will be compatible even if they don’t explicitly implement any interface:

function runTask(t: {  run(): void }) {
    t.run();
}

runTask(new Task());
runTask(new Vehicle());

On a personal note, coming from C# this was seemed insane at first, but when it comes to extensibility this way of type checking allows for much greater flexibility, once you get used to it you will see the benefits.

More Related Contents:

  1. Interface type check with Typescript
  2. What is the difference between class method vs. class field function vs. class field arrow function?
  3. Use of .apply() with ‘new’ operator. Is this possible?
  4. How do I use namespaces with TypeScript external modules?
  5. Using _ (underscore) variable with arrow functions in ES6/Typescript
  6. Angularjs – ng-cloak/ng-show elements blink
  7. Check if an object implements an interface at runtime with TypeScript
  8. Angular4 – No value accessor for form control
  9. Deep copy an array in Angular 2 + TypeScript
  10. Use :hover to modify the css of another class?
  11. Angular 2 – communication of typescript functions with external js libraries
  12. what is new() in Typescript?
  13. Get list of duplicate objects in an array of objects
  14. Difference between interfaces and classes in Typescript
  15. Rxjs toPromise() deprecated
  16. Is any JavaScript code a valid TypeScript code?
  17. Writing npm modules in TypeScript
  18. How to resolve Node.js ES6 (ESM) Modules with the TypeScript Compiler (TSC). TSC doesn’t emit the correct file-ext
  19. Class methods as event handlers in JavaScript?
  20. TypeError: Class extends value undefined is not a function or null
  21. Return an empty Observable
  22. Add a line of code to ALL functions
  23. Storing Objects in localStorage
  24. Subscribe to observable is returning undefined
  25. TypeScript TS7015: Element implicitly has an ‘any’ type because index expression is not of type ‘number’
  26. binding data to angular checkbox
  27. Determine if a CSS class exists with Javascript
  28. How to prevent Next.js from instantiating a singleton class/object multiple times?
  29. ES6 – declare a prototype method on a class with an import statement
  30. Declare an array in TypeScript

Leave a Comment