{ ¿Para qué demonios sirven los CORCHETES? }

19407

Esta es de las dudas más comunes entre principiantes, así que vamos a atacarla ️⚔️.

Pensemos en el siguiente código:

if (jugador == 1)    // 1alert("Hola")// 2alert("Adios")// 3

Si jugador es igual a 1, es decir, la condición se cumple, ¿qué código se ejecutaría? 🤔. Piensalo.

Pues bien, está más o menos claro que la línea 2 se ejecutaría, ¿pero y la 3? Este código es ambiguo, no está claro qué queremos ejecutar.

Por eso utilizamos los corchetes, para ser totalmente claros y no dar lugar a varias interpretaciones. Así:

if (jugador == 1)    // 1 
{
alert("Hola")// 2
}
alert("Adios")// 3

Ahora está claro. Si jugador es 1, se ejecutará todo lo que esté entre esos corchetes, en este caso, la línea 2, pero no la línea 3. Si quisieramos, sin embargo, que se ejecutara tanto la 2 como la 3, haríamos:

if (jugador == 1)  // 1 
{
alert("Hola")// 2alert("Adios")// 3
}

¡Y ahora los corchetes engloban todo!

Los corchetes engloban un bloque de código y sirven para aislarlo y decir a dónde pertenecen.

Cómo lo hacen muchos programadores

Cuando yo era principiante me ayudaba un montón poner los corchetes de esta manera, ya que se ve claramente dónde empieza el bloque y dónde acaba, pero en muchos cursos (como este) verás que no se pone así, sino así:

if (jugador == 1) {  // 1alert("Hola")// 2
}
alert("Adios")// 3

Como ves, dejamos el corchete en la línea 1 al lado del if. Usa la que menos te confunda y con el tiempo entrenarás el ojo para entender ambas formas.

Un último toque: indentación

Si tuvieras varios ifs anidados, sería un caos:

if(jugador == 1)
{
if(alguna_condicion == 2)
{
//codigo
}
if(condicion_random == 3)
{
//codigo
}
elseif(mas_condiciones == 4)
{
//codigo
}
}
elseif(otra_condicion == 5)
{
//codigo
}

Este código es un horror. Así que los programadores usan indentación, es decir, dejar espacio (normalmente pulsar la tecla Tab una vez) por cada bloque de código que tengas. Así, te quedaría esto:

if(jugador == 1)
{
		if(alguna_condicion == 2)
		{
				// codigo
		}
		if(condicion_random == 3)
		{
				// codigo
		}
		else if(mas_condiciones == 4)
		{
				//código
		}
}
else if(otra_condicion == 5)
{
	// código
}