O que é padrão de exportação em JavaScript?

Uma das melhores coisas que uma linguagem de programação pode trazer para a mesa é sua capacidade de fornecer ao programador a liberdade de modularidade. A modularidade é essencialmente o processo de dividir um problema aparentemente massivo em pedaços menores e gerenciáveis. E precisamente, é isso que o JavaScript fornece com a ajuda de exportações.

No lançamento do JavaScript, dois tipos diferentes de exportações estão disponíveis para o programador. Um é conhecido como o exportações nomeadas, e o outro é conhecido como o exportação padrão, E vamos nos concentrar neste último.

O que é o padrão de exportação usado para?

Os padrões de exportação são usados ​​para exportar um solteiro módulo, variável, expressão ou função de um arquivo JavaScript para que possa ser usado em qualquer outro arquivo do mesmo programa ou mesmo em um programa totalmente diferente.

Para obter esse elemento exportado no outro arquivo ou programa, usamos um importar Declaração, mas a coisa com o padrão de exportação é que, ao importar, não precisamos nos preocupar com o nome usado no arquivo de exportação.

Como exportar uma única função usando o padrão de exportação?

Para demonstrar isso, vamos criar dois arquivos diferentes, um será um demonstração arquivo, e o outro será um exportar arquivo como assim:

Na exportação.arquivo js, ​​vamos criar uma nova função que vai nos imprimir a área de um quadrado usando o comprimento de seu lado como

Área de função do quadrado (comprimento)
comprimento de retorno * comprimento;

Agora, no final deste arquivo, usaremos a palavra -chave padrão de exportação para exportar esta função como

exportar área padrão do quadro;

Dentro da demonstração.arquivo js, ​​vamos primeiro importar essa função em nosso programa como função de área como:

Função de área de importação de "./exportar.js ";

Depois disso, vamos criar uma variável de comprimento e definiremos o comprimento de um quadrado:

Var comprimento = 4;

Em seguida, podemos simplesmente imprimir o quadrado usando a seguinte função de log do console como:

console.log ("área do quadrado é" + área de área (comprimento));

Depois de executar apenas a demonstração.Arquivo JS, obtemos a seguinte saída em nosso terminal:

Você conseguiu usar a função que foi exportada do outro arquivo.

Como exportar uma variável usando o padrão de exportação?

Na exportação.arquivo js, ​​basta criar uma nova variável nomeada como radiofcircle como

Var Radiofcircle = 12;

No final do arquivo, basta exportar essa variável usando o comando:

exportar Radiofcircle padrão;

Agora, na demonstração.Arquivo JS, vamos primeiro criar uma função que nos encontrará a área de um círculo usando seu raio com as seguintes linhas:

Área de função do CIRCLO (RADIUS)
retornar 3.1415 * (raio * raio);

Agora, vamos importar o raio da exportação.Arquivo JS com a seguinte linha:

importar radiofcircle de "./exportar.js ";

Finalmente, vamos imprimir os são do círculo usando a seguinte linha:

console.log ("A área do círculo é como:" + áreaofcircle (radiofcircle));

Após a execução, obtemos o seguinte resultado em nosso terminal:

Como você pode ver, conseguimos imprimir a área do círculo usando o raio que foi definido no outro arquivo.

Conclusão

O JavaScript fornece dois tipos diferentes de exportações que permitem ao programador exportar um módulo, expressão, string ou literal de um arquivo para outro. O padrão de exportação é usado quando há apenas uma exportação para ser feita de um arquivo específico e, ao importar esse elemento, não precisamos nos preocupar em dar o mesmo nome à nossa importação. Essa combinação de exportação e importação nos permite implementar a modularidade.