En una función, la variable independiente representa la entrada y la variable dependiente representa la salida que se calcula a partir de esa entrada.
Cuando trabajamos con funciones, una cantidad suele depender de otra. Por ejemplo, el costo total depende de la cantidad de productos comprados.
En este caso, cantidad es la variable independiente y costo es la variable dependiente.
La variable independiente es el valor que elegimos o que usamos como entrada. Suele representarse con x.
En esta función, x es la variable independiente.
La variable dependiente es el resultado que se obtiene al aplicar la función. Suele representarse con y o f(x).
El valor de y depende del valor que tome x.
Para la función y = 2x + 1:
| x independiente | Regla | y dependiente |
|---|---|---|
| 0 | 2 · 0 + 1 | 1 |
| 1 | 2 · 1 + 1 | 3 |
| 2 | 2 · 2 + 1 | 5 |
function f(x) {
const y = 2 * x + 1;
return y;
}
console.log(f(0));
console.log(f(1));
console.log(f(2));
El parámetro x es la entrada independiente. La variable y es el resultado dependiente.
Si un producto cuesta 500 por unidad, el costo total depende de la cantidad comprada.
| Cantidad | Costo |
|---|---|
| 1 | 500 |
| 3 | 1500 |
| 5 | 2500 |
Para identificar qué variable depende de cuál, podemos preguntar: ¿qué valor se elige primero y qué valor se calcula después?
Si un objeto se mueve con velocidad constante, la distancia recorrida depende del tiempo.
Si la velocidad es fija, tiempo es independiente y distancia es dependiente.
function distancia(tiempo) {
const velocidad = 12;
return velocidad * tiempo;
}
console.log(distancia(1));
console.log(distancia(5));
En un gráfico de una función, la variable independiente suele ubicarse en el eje x y la dependiente en el eje y.
Cada punto muestra una entrada y su salida correspondiente.
Cuando cambia la variable independiente, se recalcula la variable dependiente.
function temperaturaFahrenheit(celsius) {
return celsius * 9 / 5 + 32;
}
console.log(temperaturaFahrenheit(0));
console.log(temperaturaFahrenheit(100));
La temperatura en Fahrenheit depende de la temperatura en Celsius.
En una interfaz, el ancho de un elemento puede depender del tamaño de la ventana o de un porcentaje elegido por el usuario.
function anchoElemento(anchoContenedor, porcentaje) {
return anchoContenedor * porcentaje / 100;
}
console.log(anchoElemento(1200, 50));
El ancho calculado depende de las entradas de la función.
Distinguir variables dependientes e independientes ayuda a entender funciones, construir modelos y escribir código más claro. Es una idea central para interpretar fórmulas, gráficos y algoritmos.
En el próximo tema veremos dominio e imagen, dos conceptos que describen los valores de entrada y salida posibles de una función.