Advanced TypeScript: una funció genèrica per combinar matrius d'objectes

Bloc

Advanced TypeScript: una funció genèrica per combinar matrius d'objectes

Una altra potent funció genèrica dels arxius de productes SaaS.

Aquesta publicació es reflecteix al meu bloc, chrisfrew.in

TypeScript Generics Madness!

No puc deixar d’escriure aquestes funcions genèriques. Aquesta és una altra potent funció genèrica que segueix la meva publicació anterior sobre la creació d'una funció genèrica per actualitzar una matriu en una clau específica segons un valor de prova específic. Mentre intento mantenir la base de codis més neta possible per a ReduxPlate, segueixo trobant casos d’ús nous per a aquestes funcions genèriques fàcils d’utilitzar però potents.

Motivació

Sovint, quan feu modificacions d'estat, voleu combinar o afegir algunes propietats a un objecte que obtingueu d'una API o d'algun altre origen. Vostè podria escriviu explícitament assignacions de claus / valors per a les claus que vulgueu actualitzar ... o podeu aprofitar el codi JavaScript integrat Object.assign i les funcions genèriques de TypeScript per escriure només una d'aquestes funcions per a totes les accions de combinació que necessiteu a tota l'aplicació.

Per exemple, a ReduxPlate, tinc dos tipus, IFile i IEditorSettings:

IFile:

export default interface IFile { fileLabel: string code: string }

#coding #programming #typescript #javascript

javascript.plainenglish.io

Advanced TypeScript: una funció genèrica per combinar matrius d'objectes

Advanced TypeScript: una funció genèrica per combinar matrius d'objectes. A continuació, combino la matriu IFile amb la matriu IEditorSettings existent. Una altra potent funció genèrica dels arxius de productes SaaS.