Setting default value for TypeScript object passed as argument

by

Actually, there appears to now be a simple way. The following code works in TypeScript 1.5:

function sayName({ first, last="Smith" }: {first: string; last?: string }): void {
  const name = first + ' ' + last;
  console.log(name);
}

sayName({ first: 'Bob' });

The trick is to first put in brackets what keys you want to pick from the argument object, with key=value for any defaults. Follow that with the : and a type declaration.

This is a little different than what you were trying to do, because instead of having an intact params object, you have instead have dereferenced variables.

If you want to make it optional to pass anything to the function, add a ? for all keys in the type, and add a default of ={} after the type declaration:

function sayName({first="Bob",last="Smith"}: {first?: string; last?: string}={}){
    var name = first + " " + last;
    alert(name);
}

sayName();

More Related Contents:

  1. Element implicitly has an ‘any’ type because expression of type ‘string’ can’t be used to index
  2. TypeScript function overloading
  3. get and set in TypeScript
  4. How can I see the full expanded contract of a Typescript type?
  5. How do you emulate nominal typing in TypeScript?
  6. Typescript: check if a type is a union
  7. How do you produce a .d.ts “typings” definition file from an existing JavaScript library?
  8. TypeScript – extract interface members only – possible?
  9. Combining generics with index type
  10. Why can Typescript not figure out the type in my code?
  11. How to overwrite incorrect TypeScript type definition installed via @types/package
  12. TypeScript TS7015 error when accessing an enum using a string type parameter
  13. DeepReadonly Object Typescript
  14. Property ‘includes’ does not exist on type ‘string[]’
  15. How do I import other TypeScript files?
  16. Typescript: Cannot use import statement outside a module
  17. ‘this’ implicitly has type ‘any’ because it does not have a type annotation
  18. TypeScript class implements class with private functions
  19. How can I augment a property within a third-party TypeScript interface defined as “any”?
  20. What does the “as” keyword do?
  21. Typescript ReturnType of generic function
  22. Typescript check for the ‘any’ type
  23. TypeScript: Define a union type from an array of strings
  24. Get route query params
  25. What is the “as syntax” pointed out by tslint?
  26. Angular 2 ngModel in child component updates parent component property
  27. How to extend the ‘Window’ typescript interface
  28. Getting the return type of a function which uses generics
  29. How to place a dynamic component in a container
  30. Modules vs. Namespaces: What is the correct way to organize a large typescript project?

Leave a Comment