[Duda] Lógica programación

Hola comunidad, disculpen tengo dos dudas del ejercicio anterior, la primera es: en la función escribirTexto, por qué el orden de los parámetros cambia cuando declaras la función a cuando se utiliza el pincel.fillText?

function escribirTexto(x , y, texto) {
        var pantalla = document.querySelector("canvas");
        var pincel = pantalla.getContext("2d");
        pincel.font="15px Georgia";
        pincel.fillStyle="black";
        pincel.fillText**(texto, x, y)**;    
    }

Y la otra duda es en el for, el valor de i dentro del for se esta comparando contra los valores dentro del arreglo o contra las posiciones [0,1,2...] como sabe cuando debe dejar de iterar?

for (var i = 0; i < serie.length; i++) {
        var altura = serie[i];
        dibujarRectangulo(x, y + sumaAltura, 50, altura, colores[i]);
    }