Skip to main content
adicionou 1 caractere ao conteúdo
Fonte Link
Cmte Cardeal
  • 7mil
  • 5
  • 27
  • 54

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

let alias = req.body.alias;
alias = (alias ||= alias = 'generic');

Nunca tinha visto esse operador ||=, mas, após uma breve pesquisa, descobri a existência de três do mesmo tipo:

  • ||=
  • &&=
  • ??=

Como nunca os tinha visto, fiquei com algumas perguntas:

  1. O que são esses operadores?
  2. Eles têm um nome? Qual?
  3. Para que servem?
  4. Embora eu consiga executar no console do browser, ao tentar executar o mesmo código acima com TypeScript na versão 3.9.5 do TypeScript, um erro de sintaxe é lançado. A partir de qual versão eles constam no ECMAScript (JavaScript)? E no TypeScript?

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

let alias = req.body.alias;
alias = (alias ||= alias = 'generic');

Nunca tinha visto esse operador ||=, mas, após uma breve pesquisa, descobri a existência de três do mesmo tipo:

  • ||=
  • &&=
  • ??=

Como nunca os tinha visto, fiquei com algumas perguntas:

  1. O que são esses operadores?
  2. Eles têm um nome? Qual?
  3. Para que servem?
  4. Embora eu consiga executar no console do browser, ao tentar executar o mesmo código acima na versão 3.9.5 do TypeScript, um erro de sintaxe é lançado. A partir de qual versão eles constam no ECMAScript (JavaScript)? E no TypeScript?

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

let alias = req.body.alias;
alias = (alias ||= alias = 'generic');

Nunca tinha visto esse operador ||=, mas, após uma breve pesquisa, descobri a existência de três do mesmo tipo:

  • ||=
  • &&=
  • ??=

Como nunca os tinha visto, fiquei com algumas perguntas:

  1. O que são esses operadores?
  2. Eles têm um nome? Qual?
  3. Para que servem?
  4. Embora eu consiga executar no console do browser, ao tentar executar o mesmo código acima com TypeScript na versão 3.9.5, um erro de sintaxe é lançado. A partir de qual versão eles constam no ECMAScript (JavaScript)? E no TypeScript?
Aviso removido Recompensar resposta existente por Cmte Cardeal
Fim da Recompensa com Luiz Felipe's answer escolhido por Cmte Cardeal
Aviso adicionado Recompensar resposta existente por Cmte Cardeal
Recompensa Oferecida vale 50 pontos de reputação por Cmte Cardeal
removeu 1246 caracteres do conteúdo; tags editadas
Fonte Link
Luiz Felipe
  • 36,5mil
  • 10
  • 74
  • 154

O que é o operadorsão os operadores de atribuição lógica ||=, &&= e ??= em TypeScriptJavaScript?

Recentemente me deparei com um trecho de código como o 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 éNunca tinha visto esse operador ||= (parece um "T" deitado)., mas, após uma breve pesquisa, descobri a existência de três do mesmo tipo:

  • ||=
  • &&=
  • ??=

Então ficaram as seguintes dúvidasComo nunca os tinha visto, fiquei com algumas perguntas:

  1. O que é esse operador ||= no TypeScriptsão esses operadores?
  2. Ele temEles têm um nome? Qual?
  3. Para que serveservem?
  4. Pelo fato de não funcionarEmbora eu consiga executar no meu projeto, é porque este é um recurso "console do deprecatedbrowser" do TypeScript de uma versão anterior, por isso não funciona em versão mais atual? (Minhaao tentar executar o mesmo código acima na versão de teste3.9.5 do TypeScript: 3.9.5)
  5. O dono do projeto cometeu, um erro de escrita e esse operador nem existe?sintaxe é lançado. A partir de qual versão eles constam no ECMAScript (acho difícilJavaScript)? E no TypeScript?

Complemento...

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

Fontes:

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:

O que são os operadores de atribuição lógica ||=, &&= e ??= em JavaScript?

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

let alias = req.body.alias;
alias = (alias ||= alias = 'generic');

Nunca tinha visto esse operador ||=, mas, após uma breve pesquisa, descobri a existência de três do mesmo tipo:

  • ||=
  • &&=
  • ??=

Como nunca os tinha visto, fiquei com algumas perguntas:

  1. O que são esses operadores?
  2. Eles têm um nome? Qual?
  3. Para que servem?
  4. Embora eu consiga executar no console do browser, ao tentar executar o mesmo código acima na versão 3.9.5 do TypeScript, um erro de sintaxe é lançado. A partir de qual versão eles constam no ECMAScript (JavaScript)? E no TypeScript?
Adicionando complemento de respostas abaixo.
Fonte Link
Cmte Cardeal
  • 7mil
  • 5
  • 27
  • 54

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:

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)

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:

informando versao do TS no item 4.
Fonte Link
Cmte Cardeal
  • 7mil
  • 5
  • 27
  • 54
Carregando
Tweeted twitter.com/StackOverflowPT/status/1336777686270808065
[Edição removida durante o período de tolerância]
Link
Cmte Cardeal
  • 7mil
  • 5
  • 27
  • 54
Carregando
removeu 9 caracteres do conteúdo; tags editadas
Fonte Link
Luiz Felipe
  • 36,5mil
  • 10
  • 74
  • 154
Carregando
adicionou 19 caracteres ao conteúdo
Fonte Link
Cmte Cardeal
  • 7mil
  • 5
  • 27
  • 54
Carregando
Fonte Link
Cmte Cardeal
  • 7mil
  • 5
  • 27
  • 54
Carregando