TypeScript 3.7 ahora admite el operador de encadenamiento opcional . Por lo tanto, puede escribir código como:
const value = a?.b?.c; Es decir, puede usar este operador para acceder a las propiedades de un objeto, donde el objeto mismo puede ser null o undefined . Ahora, lo que me gustaría hacer es básicamente lo mismo, pero los nombres de las propiedades son dinámicos:
const value = a?[b]?.c;Sin embargo, me sale un error de sintaxis:
error TS1005: ':' esperado.
¿Qué estoy haciendo mal aquí? ¿Es esto posible?
La propuesta parece implicar que esto no es posible (pero tal vez me equivoque en los ejemplos de sintaxis).
Al acceder a una propiedad usando la notación de corchetes y el encadenamiento opcional, debe usar un punto además de los corchetes:
const value = a?.[b]?.c; Esta es la sintaxis que fue adoptada por la propuesta TC39 , porque de lo contrario es difícil para el analizador averiguar si esto ? es parte de una expresión ternaria o parte de un encadenamiento opcional.
La forma en que lo pienso: ¿el símbolo para el encadenamiento opcional no lo es ? , es ?. . Si está haciendo un encadenamiento opcional, siempre usará ambos caracteres.
?.Estos son algunos ejemplos de propiedades anulables y manejo de funciones.
const example = {a: ["first", {b:3}, false]} // Properties example?.a // ["first", {b:3}, false] example?.b // undefined // Dynamic properties ?.[] example?.a?.[0] // "first" example?.a?.[1]?.a // undefined example?.a?.[1]?.b // 3 // Functions ?.() null?.() // undefined validFunction?.() // result (() => {return 1})?.() // 1 ?? (Nullish Coalescing) se puede utilizar para establecer un valor predeterminado si no está definido o es nulo.
const notNull = possiblyNull ?? defaultValue const alsoNotNull = a?.b?.c ?? possiblyNullFallback ?? defaultValue