How to use named arguments in TypeScript functions?

If you are familiar with the keyword / named arguments in programming languages such as Python, Ruby and PHP 8, you probably wonder if the same can be achieved in TypeScript.

This is an excellent question! We are aware that named parameters / named arguments drastically help the readability of the code. With keyword arguments, we can directly tell what the mentioned argument does in the function call.

In TypeScript, we can use the object destructuring syntax on the function parameters. Just like this 👇

function invertSentence({
  sentence,
  doesFormat
}: {
  sentence: string;
  doesFormat: boolean;
}): string {
  if (doesFormat) {
    return sentence;
  }

  // logic ...

  // split into two segments
  const [stringOne, stringTwo] = sentence.split(
    ". "
  );

  // rebuild the sentence
  const rebuiltString = `${stringTwo} ${stringOne}`;

  return rebuiltString;
}

And then, you will be able to mention the required properties which will be the "named arguments".

invertSentence({ 
  sentence: 'TS makes my job easier. Writing clean code avoids me a headache',
  doesFormat: false
});

Conclusion

In conclusion, TypeScript doesn't offer named arguments natively like how PHP 8 does for instance.
However, thanks to the power of TypeScript's types and object destructuring, we can use types to force our functions' parameters to receive arguments with their respective property names, improving the readability of our code.

• See my open-source projects on GitHub at GitHub.com/pH-7 ⚡️