May 30, 2020 · May 18, 2020 · May 18, 2020 · May 18, 2020
diff --git a/1-js/02-first-steps/12-nullish-coalescing-operator/article.md b/1-js/02-first-steps/12-nullish-coalescing-operator/article.md
 # Nullish coalescing operator '??'

 [recent browser="new"]

 El _nullish coalescing operator_ `??` brinda una sintáxis corta para seleccionar la primera variable "definida" de una lista.

 El resultado de `a ?? b` es:
 - `a` si esta no es `null` o `undefined`,
 - `b`, en el caso contrario.

 Entonces, `x = a ?? b` es la versión corta de:

 ```js
 x = (a !== null && a !== undefined) ? a : b;
 ```

 Aquí un ejemplo más detallado.

 Pensemos que tenemos un `firstName`, `lastName` o `nickName`, todos ellos opcionales.

 Escojamos el que esté definido y mostrémoslo (o mostremos "Anonymous" si ninguno está definido):

 ```js run
 let firstName = null;
 let lastName = null;
 let nickName = "Supercoder";

 // Muestra la primera variable que no sea null/undefined
 alert(firstName ?? lastName ?? nickName ?? "Anonymous"); // Supercoder
 ```

 ## Comparación con ||

 Esto es muy similiar al operador OR `||`. De hecho, podemos reemplazar `??` con `||` en el código anterior y obtener el mismo resultado.

 La gran diferencia es que:
 - `||` retorna el primer valor _*truthy*_.
 - `??` retorna el primer valor _*defined*_.

 Esto es de suma importancia cuando queremos tratar `null/undefined` diferente de `0`.

 Por ejemplo:

 ```js
 height = height ?? 100;
 ```

 Esto le asigna `100` a `height` si esta no está definida. En cambio si `height` es `0`, esta se mantiene "tal cual".

 Comparémoslo con `||`:

 ```js run
 let height = 0;

 alert(height || 100); // 100
 alert(height ?? 100); // 0
 ```

 En este caso, `height || 100` maneja `height` con un valor de `0` como no asignada, al igual que con `null`, `undefined` o cualquier otro valor _falsy_, dependiendo de la situación, esto puede ser incorrecto.

 En el caso de `height ?? 100` este retorna `100` solo si `height` es exactamente `null` o `undefined`.

 ## Precedencia

 La precedencia del operador `??` es bastante baja: `7` en la [Tabla MDN](https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Operadores/Operator_Precedence#Table).

 Es más baja que en la mayoría de los operadores y un poco más alta que `=` y `?`.

 Así que si necesitas usar `??` en una expresión compleja,  considera añadir paréntesis:

 ```js run
 let height = null;
 let width = null;

 // Importante: usar paréntesis
 let area = (height ?? 100) * (width ?? 50);

 alert(area); // 5000
 ```

 Caso contrario, si omitimos los paréntesis, entonces `*` tiene una mayor precedencia y se ejecutará primero. Eso sería lo mismo que:

 ```js
 // Incorrecto
 let area = height ?? (100 * width) ?? 50;
 ```

 Existe también una limitación a nivel del lenguaje. Por razones de seguridad, está prohibido usar `??` junto con los operadores `&&` y `||`.

 El siguiente código desencadena un error de sintáxis:

 ```js run
 let x = 1 && 2 ?? 3; // Syntax error
 ```

 La limitación es sin duda alguna debatible, pero por ciertas razones fue agregada a la especificación del lenguaje.

 Usa paréntesis explícitos para solucionarlo:

 ```js run
 let x = (1 && 2) ?? 3; // Funciona
 alert(x); // 2
 ```

 ## Resumen

 - El _nullish coalescing operator_ `??` proveé una manera concisa de seleccionar un valor "definido" de una lista.

    Es usado para asignar valores por defecto a las variables:

    ```js
    // Asignar height=100, si height es null o undefined
    height = height ?? 100;
    ```

 - El operador `??` tiene una precedencia muy baja, un poco más alta que `?` y `=`.
 - Está prohibido su uso con `||` y `&&` sin paréntesis explícitos.
diff --git a/...2-while-for/1-loop-last-value/solution.md → ...3-while-for/1-loop-last-value/solution.md b/...2-while-for/1-loop-last-value/solution.md → ...3-while-for/1-loop-last-value/solution.md
diff --git a/...ps/12-while-for/1-loop-last-value/task.md → ...ps/13-while-for/1-loop-last-value/task.md b/...ps/12-while-for/1-loop-last-value/task.md → ...ps/13-while-for/1-loop-last-value/task.md
diff --git a/...while-for/2-which-value-while/solution.md → ...while-for/2-which-value-while/solution.md b/...while-for/2-which-value-while/solution.md → ...while-for/2-which-value-while/solution.md
diff --git a/.../12-while-for/2-which-value-while/task.md → .../13-while-for/2-which-value-while/task.md b/.../12-while-for/2-which-value-while/task.md → .../13-while-for/2-which-value-while/task.md
diff --git a/...2-while-for/3-which-value-for/solution.md → ...3-while-for/3-which-value-for/solution.md b/...2-while-for/3-which-value-for/solution.md → ...3-while-for/3-which-value-for/solution.md
diff --git a/...ps/12-while-for/3-which-value-for/task.md → ...ps/13-while-for/3-which-value-for/task.md b/...ps/12-while-for/3-which-value-for/task.md → ...ps/13-while-for/3-which-value-for/task.md
diff --git a/...steps/12-while-for/4-for-even/solution.md → ...steps/13-while-for/4-for-even/solution.md b/...steps/12-while-for/4-for-even/solution.md → ...steps/13-while-for/4-for-even/solution.md
diff --git a/...rst-steps/12-while-for/4-for-even/task.md → ...rst-steps/13-while-for/4-for-even/task.md b/...rst-steps/12-while-for/4-for-even/task.md → ...rst-steps/13-while-for/4-for-even/task.md
diff --git a/...while-for/5-replace-for-while/solution.md → ...while-for/5-replace-for-while/solution.md b/...while-for/5-replace-for-while/solution.md → ...while-for/5-replace-for-while/solution.md
diff --git a/.../12-while-for/5-replace-for-while/task.md → .../13-while-for/5-replace-for-while/task.md b/.../12-while-for/5-replace-for-while/task.md → .../13-while-for/5-replace-for-while/task.md
diff --git a/...le-for/6-repeat-until-correct/solution.md → ...le-for/6-repeat-until-correct/solution.md b/...le-for/6-repeat-until-correct/solution.md → ...le-for/6-repeat-until-correct/solution.md
diff --git a/...-while-for/6-repeat-until-correct/task.md → ...-while-for/6-repeat-until-correct/task.md b/...-while-for/6-repeat-until-correct/task.md → ...-while-for/6-repeat-until-correct/task.md
diff --git a/...ps/12-while-for/7-list-primes/solution.md → ...ps/13-while-for/7-list-primes/solution.md b/...ps/12-while-for/7-list-primes/solution.md → ...ps/13-while-for/7-list-primes/solution.md
diff --git a/...-steps/12-while-for/7-list-primes/task.md → ...-steps/13-while-for/7-list-primes/task.md b/...-steps/12-while-for/7-list-primes/task.md → ...-steps/13-while-for/7-list-primes/task.md
diff --git a/1-js/02-first-steps/12-while-for/article.md → 1-js/02-first-steps/13-while-for/article.md b/1-js/02-first-steps/12-while-for/article.md → 1-js/02-first-steps/13-while-for/article.md
diff --git a/...itch/1-rewrite-switch-if-else/solution.md → ...itch/1-rewrite-switch-if-else/solution.md b/...itch/1-rewrite-switch-if-else/solution.md → ...itch/1-rewrite-switch-if-else/solution.md
diff --git a/...3-switch/1-rewrite-switch-if-else/task.md → ...4-switch/1-rewrite-switch-if-else/task.md b/...3-switch/1-rewrite-switch-if-else/task.md → ...4-switch/1-rewrite-switch-if-else/task.md
diff --git a/...13-switch/2-rewrite-if-switch/solution.md → ...14-switch/2-rewrite-if-switch/solution.md b/...13-switch/2-rewrite-if-switch/solution.md → ...14-switch/2-rewrite-if-switch/solution.md
diff --git a/...eps/13-switch/2-rewrite-if-switch/task.md → ...eps/14-switch/2-rewrite-if-switch/task.md b/...eps/13-switch/2-rewrite-if-switch/task.md → ...eps/14-switch/2-rewrite-if-switch/task.md
diff --git a/1-js/02-first-steps/13-switch/article.md → 1-js/02-first-steps/14-switch/article.md b/1-js/02-first-steps/13-switch/article.md → 1-js/02-first-steps/14-switch/article.md
diff --git a/...ion-basics/1-if-else-required/solution.md → ...ion-basics/1-if-else-required/solution.md b/...ion-basics/1-if-else-required/solution.md → ...ion-basics/1-if-else-required/solution.md
diff --git a/...unction-basics/1-if-else-required/task.md → ...unction-basics/1-if-else-required/task.md b/...unction-basics/1-if-else-required/task.md → ...unction-basics/1-if-else-required/task.md
diff --git a/...-rewrite-function-question-or/solution.md → ...-rewrite-function-question-or/solution.md b/...-rewrite-function-question-or/solution.md → ...-rewrite-function-question-or/solution.md
diff --git a/...cs/2-rewrite-function-question-or/task.md → ...cs/2-rewrite-function-question-or/task.md b/...cs/2-rewrite-function-question-or/task.md → ...cs/2-rewrite-function-question-or/task.md
diff --git a/...teps/14-function-basics/3-min/solution.md → ...teps/15-function-basics/3-min/solution.md b/...teps/14-function-basics/3-min/solution.md → ...teps/15-function-basics/3-min/solution.md
diff --git a/...st-steps/14-function-basics/3-min/task.md → ...st-steps/15-function-basics/3-min/task.md b/...st-steps/14-function-basics/3-min/task.md → ...st-steps/15-function-basics/3-min/task.md
diff --git a/...teps/14-function-basics/4-pow/solution.md → ...teps/15-function-basics/4-pow/solution.md b/...teps/14-function-basics/4-pow/solution.md → ...teps/15-function-basics/4-pow/solution.md
diff --git a/...st-steps/14-function-basics/4-pow/task.md → ...st-steps/15-function-basics/4-pow/task.md b/...st-steps/14-function-basics/4-pow/task.md → ...st-steps/15-function-basics/4-pow/task.md
diff --git a/...first-steps/14-function-basics/article.md → ...first-steps/15-function-basics/article.md b/...first-steps/14-function-basics/article.md → ...first-steps/15-function-basics/article.md
diff --git a/...ps/14-function-basics/function_basics.png → ...ps/15-function-basics/function_basics.png b/...ps/14-function-basics/function_basics.png → ...ps/15-function-basics/function_basics.png
diff --git a/...14-function-basics/function_basics@2x.png → ...15-function-basics/function_basics@2x.png b/...14-function-basics/function_basics@2x.png → ...15-function-basics/function_basics@2x.png
diff --git a/...ssions-arrows/1-rewrite-arrow/solution.md → ...ssions-arrows/1-rewrite-arrow/solution.md b/...ssions-arrows/1-rewrite-arrow/solution.md → ...ssions-arrows/1-rewrite-arrow/solution.md
diff --git a/...xpressions-arrows/1-rewrite-arrow/task.md → ...xpressions-arrows/1-rewrite-arrow/task.md b/...xpressions-arrows/1-rewrite-arrow/task.md → ...xpressions-arrows/1-rewrite-arrow/task.md
diff --git a/...15-function-expressions-arrows/article.md → ...16-function-expressions-arrows/article.md b/...15-function-expressions-arrows/article.md → ...16-function-expressions-arrows/article.md
diff --git a/...t-steps/16-javascript-specials/article.md → ...t-steps/18-javascript-specials/article.md b/...t-steps/16-javascript-specials/article.md → ...t-steps/18-javascript-specials/article.md
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,117 @@
		# Nullish coalescing operator '??'

		[recent browser="new"]

		El _nullish coalescing operator_ `??` brinda una sintáxis corta para seleccionar la primera variable "definida" de una lista.
EzequielCaste marked this conversation as resolved. Show resolvedHide resolved

		El resultado de `a ?? b` es:
		- `a` si esta no es `null` o `undefined`,
		- `b`, en el caso contrario.

		Entonces, `x = a ?? b` es la versión corta de:

		```js
		x = (a !== null && a !== undefined) ? a : b;
		```

		Aquí un ejemplo más detallado.

		Pensemos que tenemos un `firstName`, `lastName` o `nickName`, todos ellos opcionales.

		Escojamos el que esté definido y mostrémoslo (o mostremos "Anonymous" si ninguno está definido):

		```js run
		let firstName = null;
		let lastName = null;
		let nickName = "Supercoder";

		// Muestra la primera variable que no sea null/undefined
		alert(firstName ?? lastName ?? nickName ?? "Anonymous"); // Supercoder
		```

		## Comparación con \|\|

		Esto es muy similiar al operador OR `\|\|`. De hecho, podemos reemplazar `??` con `\|\|` en el código anterior y obtener el mismo resultado.

		La gran diferencia es que:
		- `\|\|` retorna el primer valor _truthy_.
		- `??` retorna el primer valor _defined_.

		Esto es de suma importancia cuando queremos tratar `null/undefined` diferente de `0`.
EzequielCaste marked this conversation as resolved. Show resolvedHide resolved

		Por ejemplo:

		```js
		height = height ?? 100;
		```

		Esto le asigna `100` a `height` si esta no está definida. En cambio si `height` es `0`, esta se mantiene "tal cual".

		Comparémoslo con `\|\|`:

		```js run
		let height = 0;

		alert(height \|\| 100); // 100
		alert(height ?? 100); // 0
		```

		En este caso, `height \|\| 100` maneja `height` con un valor de `0` como no asignada, al igual que con `null`, `undefined` o cualquier otro valor _falsy_, dependiendo de la situación, esto puede ser incorrecto.

		En el caso de `height ?? 100` este retorna `100` solo si `height` es exactamente `null` o `undefined`.

		## Precedencia

		La precedencia del operador `??` es bastante baja: `7` en la [Tabla MDN](https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Operadores/Operator_Precedence#Table).

		Es más baja que en la mayoría de los operadores y un poco más alta que `=` y `?`.

		Así que si necesitas usar `??` en una expresión compleja, considera añadir paréntesis:

		```js run
		let height = null;
		let width = null;

		// Importante: usar paréntesis
		let area = (height ?? 100) * (width ?? 50);

		alert(area); // 5000
		```

		Caso contrario, si omitimos los paréntesis, entonces `*` tiene una mayor precedencia y se ejecutará primero. Eso sería lo mismo que:

		```js
		// Incorrecto
		let area = height ?? (100 * width) ?? 50;
		```

		Existe también una limitación a nivel del lenguaje. Por razones de seguridad, está prohibido usar `??` junto con los operadores `&&` y `\|\|`.

		El siguiente código desencadena un error de sintáxis:

		```js run
		let x = 1 && 2 ?? 3; // Syntax error
		```

		La limitación es sin duda alguna debatible, pero por ciertas razones fue agregada a la especificación del lenguaje.

		Usa paréntesis explícitos para solucionarlo:

		```js run
		let x = (1 && 2) ?? 3; // Funciona
		alert(x); // 2
		```

		## Resumen

		- El _nullish coalescing operator_ `??` proveé una manera concisa de seleccionar un valor "definido" de una lista.
EzequielCaste marked this conversation as resolved. Show resolvedHide resolved

		Es usado para asignar valores por defecto a las variables:

		```js
		// Asignar height=100, si height es null o undefined
		height = height ?? 100;
		```

		- El operador `??` tiene una precedencia muy baja, un poco más alta que `?` y `=`.
		- Está prohibido su uso con `\|\|` y `&&` sin paréntesis explícitos.