Teoricamente me parece a a função mais básica, mas está inconsistente. Me ajudem,pf.!!

Onde está o erro da função abaixo, já que o script 2 dá certo. Obrigado.

<canvas width="600" height="400"></canvas>

<script>


    function desenhaEsquadro(y) {

    var tela = document.querySelector('canvas');
    var pincel = tela.getContext('2d');

    pincel.fillStyle= 'black';
    pincel.beginPath();
    pincel.moveTo(y, y);
    pincel.lineTo(y, y + 350);
    pincel.lineTo(y + 350, y + 350);
    pincel.fill();

    pincel.fillStyle='white';
    pincel.beginPath();
    pincel.moveTo(y + 50, y + 125);
    pincel.lineTo(y + 50, y + 300);
    pincel.lineTo(y + 225, y + 300);
    pincel.fill();
    }


    function desenhaEsquadro(50);


</script>

Script 2

<canvas width="600" height="400"></canvas>

<script>



    var tela = document.querySelector('canvas');
    var pincel = tela.getContext('2d');

    var y = 50

    pincel.fillStyle= 'black';
    pincel.beginPath();
    pincel.moveTo(y, y);
    pincel.lineTo(y, y + 350);
    pincel.lineTo(y + 350, y + 350);
    pincel.fill();

    pincel.fillStyle='white';
    pincel.beginPath();
    pincel.moveTo(y + 50, y + 125);
    pincel.lineTo(y + 50, y + 300);
    pincel.lineTo(y + 225, y + 300);
    pincel.fill();


</script>