É isso mesmo pessoal, a alguns dias saiu uma nova versão do TypeScript, e como em algumas das versões anteriores, eu não podia deixar de escrever algo rápido sobre 🙂
Eu irei dividir esse post em algumas partes para tentar explicar cada uma das novidades dessa nova versão, nesse primeira eu irei abordar: Optional Chaining e Nullish Coalescing.
O primeiro passo será verificar a sua versão. Para isso, abra um terminal no seu computador e execute o comando tsc–version. Abaixo você tem uma imagem demonstrando a minha versão.
Agora, caso você esteja com uma versão menor que a 3.7, execute o comando abaixo para atualizar a sua versão:
npm i -g typescript@latest
Com o ambiente atualizado, vamos as novidades 🙂
Optional Chaining
Essa funcionalidade nos permite validar se uma expressão tem um valor null ou undefined, sem a necessidade de utilização de um if. Para ficar mais claro, vamos a dois exemplos práticos:
Imagine que você tem o retorno de uma API e precisa validar ele antes de passar esse valor para uma variável.
A forma mais simples seria utilizando um operador ternário como no exemplo abaixo:
let t = (video === null || video === undefined) ? undefined :video.media.thumb();
Agora com essa nova funcionalidade nós podemos passar o operador ? para validar esse valor antes de passar ele para variável t:
let t = video?.media.thumb();
Bem mais elegante né?
Nullish Coalescing
Essa funcionalidade utiliza o operador ?? para validar uma expressão, caso o valor da esquerda seja null, ele retorna o valor default, caso não, ele retorna o valor que está sendo validado.
Em cenários como esse também é muito comum a utilização de um ternário:
let numbers = null; let code = (numbers !== null && numbers !== undefined) ? numbers : 10; console.log(code);
Agora nessa nova versão nós podemos utilizar o operador ?? para validar a nossa expressão e em caso de um valor null ou undefined, ele ira pegar o valor default. Esse operador pode substituir a utilização dos ||.
let numbers = null; let code= numbers ?? 10; console.log(code);
Bom, a ideia desse post era ser algo rápido demonstrando duas das novidades dessa nova versão do TS.
Espero que tenham gostado e até o próximo post pessoal 😉
Confira a publicação original em: https://medium.com/xp-inc/post-r%C3%A1pido-novidades-do-typescript-98970a46d591
Gostou dessa publicação? Comente abaixo!