Vanilla Javascript - #36 Módulos

No tutorial de hoje trabalharemos com módulos no Javascript entendendo para que serve e como usá-lo.

Módulos no Javascript

Para trabalhar com módulos, o primeiro passo é no nosso html que instalará o javascript utilizar o type module. Assim:

<script src="javascript.js" type="module"></script>

Posteriormente vamos criar um diretório modules e salvar os arquivos js dentro dele:

sum.js

function sum(x,y)
{
    return x+y;
}
export default sum;

mult.js

function mult(x,y)
{
    return x*y;
}
export default mult;

calc.js

function sum(x,y)
{
    return x+y;
}

function mult(x,y)
{
    return x*y;
}

function percent(value,total)
{
    return mult(value,100)/total+'%';
}

export {percent};

Repare que no código acima nós exportamos apenas a função percent.

Módulos no lado servidor

Para usar o módulo no lado servidor é necessário a instalação do NodeJS.

Posteriormente abra o terminal no sistema operacional e siga os comandos abaixo alterando para o seu diretório:

cd c:/wamp64/www/
npm install --save express

Posteriormente vamos criar um arquivo javascript.js e inseriremos um código de teste:

let express=require('express');
let app=express();
let body=require('body-parser');

app.listen(3000,function(req,res){
   console.log('servidor rodando!!!');
});

Por fim, vamos rodar nosso arquivo:

node javascript.js

Por hoje é só, sucesso nos códigos e na vida!