segunda-feira, 14 de setembro de 2020

O que é uma função em javaScript

 
A melhor forma de saber é dando um exemplo. Salve este fonte na sua pasta com o nome testefuncao.HTML e execute pelo navegador:

<canvas id="myCanvas" width="600" height="400" style="border:1px solid #000000;">
</canvas>

<script>
    // nome da função é reta
    reta = function()
    {
        // a função é uma sequência de ações a serem executadas
        var c = document.getElementById("myCanvas"); // pega a caixa de desenho html
        var ctx = c.getContext("2d"); // pega o papel
        ctx.lineWidth = 2; // diz a largura da linha
        ctx.beginPath(); // prepara que vai criar um caminho (de linhas)
        ctx.strokeStyle="#0000ff"; // diz a cor da linha
        ctx.moveTo(10,30); // marca o ponto de inicio da linha
        ctx.lineTo(90,90); // marca o ponto de fim da linha
        ctx.stroke(); // finalmente desenha linha
        // se a função chamar a si mesma ela é recursiva.
        // se existir alguma coisa dentro dos parentesis reta(coisa) essa coisa é chamada de parametro
    }
    // a função sendo chamada pelo nome
    reta();
</script>

Nenhum comentário: