Adio (+)

Experimente

console.log(2 + 2);
// Expected output: 4

console.log(2 + true);
// Expected output: 3

console.log("hello " + "everyone");
// Expected output: "hello everyone"

console.log(2001 + ": A Space Odyssey");
// Expected output: "2001: A Space Odyssey"

Sintaxe

x + y

Descrio

O operador de adio est encarregado para duas operaes distintas, adio numrica e concatenao de Strings. Ao avaliar, ele primeiro coage ambos os operandos para primitivos chamando a funo do objeto [@@toPrimitive]()()(com "default" como dica), e os mtodos valueOf(), e toString(), nessa ordem. Em seguida, so testados os tipos dos dois operandos:

• Se um lado uma string, o outro operando tambm convertido em uma string e eles so concatenados.
• Se ambos forem BigInts, a adio de BigInt ser executada. Se um lado for um BigInt, mas o outro no, um TypeError ser lanado.
• Caso contrrio, ambos os lados so convertidos em nmeros e a adio numrica executada.

A concatenao de strings geralmente considerada equivalente a literais de modelo ou String.prototype.concat(), mas no so. A adio fora a expresso a uma chamada primitive , que chama valueOf() em prioridade; por outro lado, literais de modelo e concact() converte a expresso para uma string, que chama toString() em prioridade. Se a expresso tiver o mtodo @@toPrimitive, a concatenao de strings o chama com "default" como dica, enquanto literais de modelo usam "string". Isso importante para objetos que tm diferentes representaes de string e primitivas como Temporal, cujo mtodo valueOf() lana.

const t = Temporal.Now.instant();
"" + t; // Throws TypeError
`${t}`; // '2022-07-31T04:48:56.113918308Z'
"".concat(t); // '2022-07-31T04:48:56.113918308Z'

Voc aconselhado a no usar "" + x para executar a coero de string.

Exemplos

Adio numrica

// Number + Number -> adio
1 + 2; // 3
// Boolean + Number -> adio
true + 1; // 2
// Boolean + Boolean -> adio
false + false; // 0

Concatenao de String

// String + String -> concatenao
"foo" + "bar"; // "foobar"
// Number + String -> concatenao
5 + "foo"; // "5foo"
// String + Boolean -> concatenao
"foo" + false; // "foofalse"

Especificaes

Compatibilidade de navegadores

Veja tambm

• Operador de subtrao
• Operador de diviso
• Operador de multiplicao
• Operador restante
• Operador de exponenciao
• Operador de incremento
• Operador de decremento
• Operador de negao unrio
• Operador unrio plus