La destructuración de parámetros permite romper objetos en una o mas variables locales. En el caso de la función permite romper los argumentos para crear variables con un scope al nivel del cuerpo de la función.
function sumar(num) {
return num.a + num.b + num.c;
}
const numeros = { a: 1, b: 2, c: 3 };
console.log(sumar(numeros));
Ahora supongamos que deseamos descomponer el parámetro num
en variables independientes para realizar la suma. Para ello podemos usar la destructuración.
function sumar({ a, b, c }): number {
return a + b + c;
}
console.log(sumar({ a: 1, b: 2, c: 3 }));
TypeScript nos permite definir los tipos que el objeto a desestructurar posee.
function sumar({ a, b, c }: { a: number; b: number; c: number }): number {
return a + b + c;
}
console.log(sumar({ a: 1, b: 2, c: 3 }));
Tomar en cuenta que la sintáxis de destructuración es similar a la de definición de tipos. Pero a diferencia de esta separa los valores por comas
,
(destructuración) y no por punto y coma;
(definición de tipos).