Como usar a importação e exportação em javascript

JavaScript oferece um recurso avançado nomeado módulos, usando estes módulos Podemos utilizar qualquer objeto, classe, literal ou função de um arquivo JavaScript para qualquer outro arquivo JavaScript. Melhora a reutilização do código e reduz o tempo de carregamento do arquivo html. Para esse fim, os módulos JavaScript fornecem duas palavras -chave, "importar" e "exportar".

Implementação da exportação em JavaScript

Uma palavra -chave "exportar" é necessário sempre que exportamos os dados de um arquivo para outro arquivo. Usando a palavra -chave "exportar" Podemos exportar algo como uma variável, função ou classe para qualquer outro arquivo. O que temos que fazer é simplesmente escrever o "exportar" palavra -chave antes dessa variável, função, classe ou qualquer coisa que queremos exportar.

A sintaxe para exportar uma variável, função e classe é:

// exportando uma variável
exportar var emp_name;
// exportando uma função
Função de exportação Emp ()

// exportando uma aula
Classe de exportação em funcionário

Agora vamos descobrir o funcionamento da palavra -chave "exportação" com a ajuda do exemplo a seguir, digamos que criamos o arquivo com o nome Exportar.JS:

Considere o exemplo a seguir que determina como exportar uma variável, função ou classe:

exportar let emp_name = "mike smith";
Função de exportação Emp ()
console.log ("Nome do funcionário é Mike Smith");

Classe de exportação em funcionário
construtor (emp_name)

console.log ("Welcome" + EMP_Name);

A sintaxe alternativa para exportar os elementos do arquivo é:

Export EMP_NAME, EMP, funcionário;

Usando a sintaxe acima, podemos exportar todos os elementos do arquivo em uma única instrução e, enquanto importamos, utilizaremos o mesmo nome para variável, função e classe. Por exemplo:

var emp_name = "Mike Smith";
função emp ()
console.log ("Nome do funcionário é Mike Smith");

Funcionário da classe
construtor (emp_name)

console.log ("Welcome" + EMP_Name);


export EMP_NAME, EMP, funcionário;

Outra maneira de exportar é a exportação padrão, é muito útil na exportação de um único elemento:

var emp_name = "Mike Smith";
exportar padrão emp_name;

Isso ajuda a importar a variável para qualquer outra classe com qualquer outro nome.

Implementação de importação em JavaScript

Em JavaScript, a palavra -chave "importar" é usado sempre que importamos qualquer coisa de um arquivo. Temos que escrever o "importar" palavra -chave antes de qualquer coisa que queremos importar de algum outro arquivo.

A sintaxe para importar Uma variável, função e classe é:

// Importando uma variável
importar emp_name de './nome do arquivo'
// Importando uma função
Importar emp. De './nome do arquivo'
// Importando uma classe
importar funcionário de './nome do arquivo'

Criamos outro arquivo com o nome “Importar.JS "e importou todos os dados do arquivo" Exportar.JS ”:

importar emp_name de "./exportar.js "
console.log (emp_name);
importar emp. de "./exportar.js "
emp ();
importar funcionário de "./exportar.js "
deixe um novo funcionário ("John");

Uma variável, função e uma classe são importadas do arquivo “./exportar":

A saída verificará se todos os elementos presentes no “./exportar.o arquivo JS "é importado para o" importação.Arquivo JS ”:

EMP_NAME é variável, Emp é uma função, e Funcionário é uma classe criada no exportar.JS arquivo:

importar emp_name, empig, funcionário de "./exportar.js ";
console.log (emp_name);
emp ();
deixe um novo funcionário ("John");

Agora, aqui, no código acima, importamos todos os elementos em uma única declaração:

Teremos a seguinte saída:

Agora, consideraremos outro exemplo para entender como importar um elemento padrão:

importar _name de "./exportar.js "
console.log (_name);

Importamos um membro padrão do arquivo “Exportar.JS "com" _name ":

No "exportar.js " arquivo A variável é criada com o nome "EMP_NAME":

Mas acessamos a mesma variável com "_nome" no "importar.js " Arquive e obtenha a seguinte saída:

Temos a mesma saída, isso significa que, ao importar qualquer padrão Elemento não é necessário usar o mesmo nome do primeiro arquivo, em vez disso, também podemos usar nomes diferentes.

Conclusão

Importação e exportação são novos recursos introduzidos nos módulos de JavaScript para melhorar a reutilização do código. O JavaScript fornece palavras -chave de importação e exportação para utilizar o código de um arquivo para outros arquivos. Neste artigo, determinamos como trabalhar com os recursos de importação e exportação do módulo. Para entender melhor o conceito, consideramos alguns exemplos e os implementamos em JavaScript.

Depois de estudar minuciosamente este artigo, alguém pode analisar isso enquanto usa importar e exportar características do módulo Temos que usar o mesmo nome para a variável, função e classe nos dois arquivos (o arquivo de onde você está exportando os dados e o arquivo no qual está importando os dados). Enquanto "padrão" é um caso excepcional em que não existe esse requisito, você pode usar qualquer nome de sua escolha enquanto importa.