Languages
[Edit]
PT

TypeScript - sequência multilinha

3 points
Created by:
Alyona
1140

Neste artigo, veremos como criar seqüências de várias linhas no TypeScript. Existem algumas maneiras de fazer isso:

  • modelos literais (template literals) - introduzido em┬áECMAScript 2015 (ES6);
  • somas de string;
  • barra invertida no final da linha┬á- essa abordagem n├úo faz parte do padr├úo.

1. Modelos literais (template literals) - seqüências de caracteres do modelo. Exemplo:

Essa abordagem foi introduzida no i ES6, suportada pelo TypeScript.

A principal desvantagem dessa abordagem s├úo os prefixos de espa├žo em branco para cada linha, se quisermos formatar o c├│digo claramente.

let text = `Line 1;
Line 2;
Line 3;
Line 4;
Line 5;`;

console.log(text);

Resultado:

Line 1;
Line 2;
Line 3;
Line 4;
Line 5;

2. Exemplo de soma de string

Essa abordagem resolve o problema dos prefixos de caracteres em branco para o c├│digo-fonte formatado, mas introduz algumas complica├ž├Áes sobre a classifica├ž├úo de caracteres " e + .

let text = 'Line 1;' +
    'Line 2;' +
    'Line 3;' +
    'Line 4;' +
    'Line 5;';

console.log(text);

Resultado:

Line 1;Line 2;Line 3;Line 4;Line 5;

3. Barra invertida na linha final - exemplo

Essa abordagem ├ę muito semelhante aos modelos literais (template literals)┬áe apresenta um problema ao cuidar do caractere┬á\┬áno final das linhas.

Nota: esse recurso n├úo faz parte do padr├úo ECMAScript, portanto, quando o c├│digo-fonte ├ę transpilado, devemos ter certeza de que ele tamb├ęm ├ę transpilado para c├│digo seguro.

let text = 'Line 1;\
Line 2;\
Line 3;\
Line 4;\
Line 5;';

console.log(text);

Resultado:

Line 1;Line 2;Line 3;Line 4;Line 5;

4. Array.join m├ętodo -┬áexemplo

Essa abordagem ├ę mais como uma trapa├ža para obter o efeito de seq├╝├¬ncia de linhas m├║ltiplas.

let array: Array<string> = [
    'This',
    'is',
    'multiline',
    'text.'
];

console.log(array.join('\n'));

Resultado:

This
is
multiline
text.

Referências:

  1. Template literals - MDN
Native Advertising
­čÜÇ
Get your tech brand or product in front of software developers.
For more information Contact us
Dirask - friendly IT community for everyone.

ÔŁĄ´ŞĆ­čĺ╗ ­čÖé

Join