Entrar Ainda não tem acesso?
1
resposta

[Dúvida] Dúvida sobre o Import em JS

Referente ao curso JavaScript: construindo páginas dinâmicas, no capítulo Criando novos arquivos e atividade Export default

por Filipe Oliveira
| 44.6k xp | 5 posts
Músico

Olá pessoal,

Estou finalizando uma das aulas, e fiquei com um dúvida sobre o import. Dentro do index.js, nós usamos na primeira linha o import { criarItemDaLista } from "./scripts/criarItemDaLista.js";

Estamos fazendo import de uma função chamada "criarItemDaLista" que está definida em outro arquivo JS chamado "criarItemDaLista.js".

Minha pergunta é: Ali no nome que estiver dentro das { } no import, o nome criarItemDaLista, eu estou me referindo à FUNÇÃO ou ao ARQUIVO.JS ?

Espero que tenham entendido minha pergunta.

1 resposta
por Mike de Sousa
| 954k xp | 1647 posts
Alura Scuba Team Suporte Educacional

Olá, Filipe, como vai?

No import { criarItemDaLista } from "./scripts/criarItemDaLista.js";, o nome dentro das chaves { criarItemDaLista } se refere à função (ou variável/exportação nomeada) que está sendo importada, e não ao arquivo.

Ou seja, dentro do arquivo criarItemDaLista.js, essa função foi exportada de forma nomeada, algo como:

export function criarItemDaLista() {
    // Código da função
}

No momento da importação, o nome precisa ser exatamente o mesmo do que foi exportado, por isso ele é referenciado entre { }.

Espero ter ajudado!

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)

Caso este post tenha lhe ajudado, por favor, marcar como solucionado