Skip to main content
6 de 8
Adicionando complemento de respostas abaixo.
Cmte Cardeal
  • 7mil
  • 5
  • 27
  • 54

O que é o operador ||= em TypeScript?

Recentemente me deparei com um trecho de código exibido abaixo:

let alias = req.body.alias;

alias = (alias ||= alias = 'generic');

Sei que era um projeto feito em Node.js com TypeScript e Express.

Quando tive tempo, resolvi testar em meu ambiente para entender do que se trata. Criei um mock do script para recriar a lógica:

const req = {
  body: {
    alias: ''
  },
};

let alias = req.body.alias;

alias = (alias ||= alias = 'generic');

console.log(alias);

Acho que era pra aparecer 'generic' no console, não tenho certeza.

Ao executar no meu projeto com TypeScript, recebi o erro:

[ERROR] 15:27:53 ⨯ Unable to compile TypeScript:
src/server.ts:40:18 - error TS1109: Expression expected.

40 alias = (alias ||= alias = 'generic');
                    ~
src/server.ts:40:37 - error TS1005: ';' expected.

40 alias = (alias ||= alias = 'generic');

Obviamente o compilador não conseguiu entender o que é esse operador ||= (parece um "T" deitado).

Então ficaram as seguintes dúvidas:

  1. O que é esse operador ||= no TypeScript?
  2. Ele tem um nome? Qual?
  3. Para que serve?
  4. Pelo fato de não funcionar no meu projeto, é porque este é um recurso "deprecated" do TypeScript de uma versão anterior, por isso não funciona em versão mais atual? (Minha versão de teste do TypeScript: 3.9.5)
  5. O dono do projeto cometeu erro de escrita e esse operador nem existe? (acho difícil)

Complemento...

Complementando as repostas abaixo, esse operador ||= recebe o nome não formal de "the Mallet operator" ou "operador de piscadela".

Fontes:

Cmte Cardeal
  • 7mil
  • 5
  • 27
  • 54