Olá, boa noite.
Ao ler o conteúdo da atividade 03 Para saber mais: importando funcionalidades , não ficou claro para mim que o alias deve ser usado ao invocar a função importado.
Devido à dúvida, fiz vários testes modificando o arquivo "index.js" de
import { criarItemDaLista } from "./scripts/criarItemDaLista.js";
import verificarListaVazia from "./scripts/verificarListaVazia.js";
const listaDeCompras = document.getElementById("lista-de-compras");
const botaoAdicionar = document.getElementById("adicionar-item");
botaoAdicionar.addEventListener("click", (evento) => {
evento.preventDefault();
const itemDaLista = criarItemDaLista();
listaDeCompras.appendChild(itemDaLista);
verificarListaVazia(listaDeCompras);
})
verificarListaVazia(listaDeCompras);
para algo do tipo
import { criarItemDaLista } from "./scripts/criarItemDaLista.js";
import verificarListaVaziaTeste from "./scripts/verificarListaVazia.js"; //usando alias diferente
const listaDeCompras = document.getElementById("lista-de-compras");
const botaoAdicionar = document.getElementById("adicionar-item");
botaoAdicionar.addEventListener("click", (evento) => {
evento.preventDefault();
const itemDaLista = criarItemDaLista();
listaDeCompras.appendChild(itemDaLista);
verificarListaVazia(listaDeCompras); // mantendo o nome da função que está no modulo importado
})
verificarListaVazia(listaDeCompras);
e não funcionou.
Testei então invocando a função verificarListaVazia com o mesmo nome do alias e vi que funcionou, portanto é obrigatório usar o mesmo nome do alias, conforme abaixo
import { criarItemDaLista } from "./scripts/criarItemDaLista.js";
import verificarListaVaziaTeste from "./scripts/verificarListaVazia.js";
const listaDeCompras = document.getElementById("lista-de-compras");
const botaoAdicionar = document.getElementById("adicionar-item");
botaoAdicionar.addEventListener("click", (evento) => {
evento.preventDefault();
const itemDaLista = criarItemDaLista();
listaDeCompras.appendChild(itemDaLista);
verificarListaVaziaTeste(listaDeCompras);
})
verificarListaVaziaTeste(listaDeCompras);
Acredito que esse ponto poderia ser detalhado melhor.
Gostaria também de fazer dois questionamentos:
- Em qual circunstancias é útil usar um alias? Imagino que possa sê-lo quando o nome do objeto importado seria o mesmo de algum objeto já presente no modulo que importa.
- Caso meu entendimento do ponto 1) estiver correto, existe algum jeito de usar alias na Importação com {}?
Obrigado
Conteúdo relacionado: 