Color Keeper es-419 Explainer

Explicador de Guardián del color

Objetivo de este acertijo: Usar la palabra reservadalet para definir el valor de una variable dentro de un for loop.

Tutorial de la solución: En la primera línea del acertijo, verás que una variable llamada color se ha declarado con la palabra reservada var, y se le ha asignado el valor 'yellow'. En la siguiente línea, se llama a la función drawBox() y toma color como un argumento.

En la tercera línea hay un for loop. En el paréntesis ( ) del for loop, se declara otra variable llamada color, esta vez con la palabra reservada let. Se asigna a un arreglo que contiene dos elementos: ['blue', 'green']. Esto significa que el for loop se ejecutará dos veces (una vez para cada elemento). Para el primer ciclo, let color = 'blue', y en el segundo ciclo, let color = 'green'.

El bloque de código { } del for loop se ha dejado vacío.

Para completar el acertijo, llama a la función drawBox() dentro del bloque de código { } del for loop y dale la variable color como un argumento.

Cuando ejecutes el acertijo terminado, se declara color con la palabra reservada var y se le da el valor 'yellow'. Se dibujará un cuadro amarillo. Dentro del for loop, se declara una segunda variable color con la palabra reservada let. Debido a que esta variable se ha declarado con let, solo existe dentro del for loop. En programación, esto se llama “definir”. La variable let color se “define” para el for loop.

Cuando se llama a drawBox(color) dentro del for loop, buscará la variable let color, porque esta variable está “definida” para el for loop. Cuando se llama a drawBox() fuera del for loop, el programa solo podrá ver la variable var color.

Solución del código de ejemplo:


var color = 'yellow';

drawBox(color);

for (let color of ['blue', 'green']) {

drawBox(color);

}

drawBox(color);

Conceptos de JavaScript: for loop, declaraciones de variables, definición de variable, arreglos, identificadores

Conceptos de Grasshopper: drawBox()