Em JS, string delimitadas por (`) suportam o uso de placeholders, ou seja, o seu local terá seu conteúdo substituído por algum valor passado como argumento. Os placeholders são identificados em uma string por $ e {}, e delimitados por (`).

Nesta parte, vamos estudar apenas a interpolação de strings com variáves, expressões e outros. A formatação de dados utilizando interpolação será vista em JS Básico: Formtação de Dados.

Para utilizar variáveis como placeholders, informamos dentro de um placeholders a variável desejada como no exemplo abaixo:

Sintaxe

`${variavel | constante | expressao}`

Onde

expressao: expressão contendo operadores, funções, métodos e objetos

Exemplo 1

let produto = 200;
let preco = 1.99
console.log(`codigo:${produto} preço:${preco}`);

Saída

codigo:200 preço:1.99

Os placeholders não estão restritos ao uso de variáveis, podemos utilizá-los em conjunto com operadores aritméticos, relacionais ou outros.

Sintaxe

`${expressao}`

Exemplo 2

let a = 1;
let b = 2;
let c = [2,4,6]
console.log(`${c[a]*c[b]}`);
console.log(`${ a > b ? a : b}`);

Saída

24
2

Atributos e métodos de objetos também podem ser utilizados como placeholders. O acesso aos atributos e métodos é feito utilizando o operador (.) como foi visto em vários exemplos.

Sintaxe

`${nome_objeto.nome_atributo}`

`${nome_objeto.nome_metodo(argumentos)}`

Exemplo 3

let obj = {
  nome: 'Fulano',
  metodo: function(){
    return 100;
  }
}

console.log(`${obj.nome}`);
console.log(`${obj.metodo()}`);

Saída

Fulano
100

Como métodos são funções atribuídas a objetos, podemos usá-la da mesma forma como um placeholders, incluindo também a passagem de argumentos. Esses, devem ser informados entre aspas simples (').

Sintaxe

`${nome_funcao('arg1','arg2','argN')}`

Exemplo 4

function funcao(p){
  return p*2;
}
console.log(`${funcao('2')}`);

Saída

4

1. 15/08/2025 - revisão 3 - Ajustes: pontuais, sintaxes e 'Objetivos';
2. 26/09/2024 - revisão 2 - Ajustes pontuais
3. 05/10/2023 - revisão 1 - Correção em layout, navegação e erros gramaticais, sintaxe e exemplos
4. 31/05/2023 - versão inicial