Encadenamiento opcional de JavaScript

Conozca esta nueva y próxima función de JavaScript

losoperador de encadenamiento opcionales una nueva característica que viene en el próximo estándar ECMAScript.

Todavía no es oficial, peroavailable in Chrome 80detrás de una bandera.

¿Alguna vez ha utilizado el operador && como alternativa? Es una de mis funciones favoritas de JavaScript.

En JavaScript, primero puede verificar si existe un objeto y luego intentar obtener una de sus propiedades, como esta:

const car = null
const color = car && car.color

Incluso sicares nulo, no tiene errores ycolorse le asigna elnullvalor.

Puedes bajar varios niveles:

const car = {}
const colorName = car && car.color && car.color.name

En algunos otros idiomas, usando&&podría darle verdadero o falso, ya que generalmente es un operador lógico.

No en JavaScript, y nos permite hacer algunas cosas interesantes.

Ahora, este nuevo operador de encadenamiento opcional nos permitirá ser aún más elegantes:

const color = car?.color
const colorName = car?.color?.name

Sicaresnulloundefined, el resultado seráundefined.

Sin errores (mientras que con && en caso decarestabaundefinedteniamosReferenceError: car is not definederror)

Puede usar esta sintaxis hoy usandoeste complemento de Babel.


Más tutoriales de js: