Tengo un antiguo archivo JavaScript ( .js
) con una función como esta:
export default ({ guid, numItems, lastDate, filters = [], includeCart = true, fetchStuff = true, withLove = true }) => () => { // do stuff }
Como puede ver, las entradas en el objeto de argumento se están alargando, por lo que me gustaría convertir el archivo a TypeScript ( .ts
) y poner algunas restricciones en torno a este objeto de argumento.
Me gustaría hacer algo como esto:
interface IPayload { guid: string numItems: number lastDate: string filters: string[] includeCart?: boolean fetchStuff?: boolean withLove?: boolean } export default (payload: IPayload) => () => { // do stuff }
Sin embargo, dado que el argumento proporciona valores predeterminados en la función, si creo una interfaz de TypeScript, no puedo proporcionar valores predeterminados. Entonces, si la función anterior tuviera una declaración como:
if (includeCart) { // include the cart }
si no se proporciona la propiedad, siempre sería verdadero de forma predeterminada, pero en mi refactorización, no estaría definida, por lo que cambiaría el comportamiento de esta función.
¿Cómo refactorizaría adecuadamente esta parte de la función para hacerla más kosher en el mundo de TypeScript?
Puede enumerar los parámetros con valores predeterminados explícitamente y usar el operador de propagación para obtener el resto de las propiedades en una variable separada.
const fn = ({ filters = [], fetchStuff = true, withLove = true, ...payload }: IPayload) => { console.log(filters, fetchStuff, withLove, payload) } fn({ guid: "", numItems: 0, lastDate: "", filters: [] })
Puede tener un objeto de argumento escrito con valores predeterminados de propiedades individuales, utilizando la desestructuración como en la versión original de JS:
interface IPayload { guid: string numItems: number lastDate: string filters: string[] // Should be optional as well BTW? includeCart?: boolean fetchStuff?: boolean withLove?: boolean } export default ({ guid, numItems, lastDate, filters = [], includeCart = true fetchStuff = true withLove = true }: IPayload) => () => { // do stuff }