JavaScript: 10 términos que debe conocer

De zurra a cierres hay una gran cantidad de jergas de JavaScript (palabras especiales que se usan dentro del campo) saber que no solo lo ayudará a aumentar su vocabulario sino también a comprender mejor JavaScript.

Las jergas se encuentran normalmente en documentaciones y artículos técnicos.. Pero a algunos les gusta cierres son cosas bastante estándar para saber. Saber lo que significa la palabra en sí puede ayudarlo a conocer mejor el concepto por el que recibe su nombre.

Esta publicación es la compilación de 10 términos de este tipo con su significado y el contexto en el que se utilizan en JavaScript. Si es un principiante, esta lista lo tiene cubierto con los conceptos básicos como elevación. Al mismo tiempo, también se incluyen términos menos conocidos o menos entendidos.

1. Aridad
2. Anónimo
3. Cierre
4. Zurra
5. Izar
6. Mutación
7. pragma
8. Centinela
9. Vainilla
10. variádica

1. Aridad

Aridad (del latín) es el término utilizado para referirse al número de argumentos u operandos en una función u operación respectivamente. Lo más probable es que te encuentres con esta palabra en el ámbito de JavaScript cuando se usa para mencionar el número de argumentos esperados por una función de JavaScript.

Incluso existe una propiedad denominada aridad, de la Function objeto que devuelve el número de argumentos esperados en una función. Sin embargo, ahora está obsoleto y reemplazado por length.

La siguiente función tiene una aridad de 3.

function getName(first, middle, last){
 return first+' '+ middle +' '+last;
 }

2. Anónimo

Anónimo es un adjetivo Cuando se hace referencia a algo o alguien como anónimo, significa que el nombre de esa persona o cosa no está identificado. Asimismo, en JavaScript, una función anónima es aquella que no se identifica con un nombre.

(function (){
 //body
 })();

Arriba hay una IIFE (Expresión de función inmediatamente invocada). La función que contiene es anónima ya que no tiene nombre. Ahora, eche un vistazo a la de abajo.

var foo = function() {
 
 };

También se dice que es una función anónima ya que no hay nombre después de la palabra clave function.

Surge un poco de duda sobre la corrección del uso de la palabra “anónimo”. Con IIFE, la función se llama de inmediato, sin nombre involucrado, mientras que, para llamar a la última función, la sintaxis foo() se usa

Es como si bautizáramos una función sin nombre con el nombre ‘foo’ y la llamáramos usando eso. ¿Eso cuenta como anónimo? No sé, eso se lo dejo a los expertos en inglés. Pero, dejando a un lado mi confusión, ambos se conocen como funciones anónimas.

3. Cierre

Esta es una de las definiciones del diccionario de Oxford para cierre: “Una cosa que cierra o sella algo, como una gorra o corbata..”

En JavaScript, el cierre es una función interna, a la que se puede acceder fuera del alcance de su función externa, con su conexión con las variables de la función externa aún intacta.

Para explicar las cosas (quizás no con precisión pero con la suficiente sencillez), considera cierre como mesero en un restaurante. Pasan muchas cosas dentro de la cocina de un restaurante, donde no se nos permite entrar ni ver. Pero, ¿cómo se supone que conseguiremos nuestra comida entonces?

Ahí es donde entran los camareros. Los llamamos, ordenamos la comida y luego van a la cocina, informan a los chefs de los pedidos y nos lo traen cuando el pedido está listo. De esta manera no hemos roto ninguna «regla» y todavía podemos conseguir una comida.

El mesero es alguien que puede llevar nuestro pedido a la cocina y regresar con la comida. JavaScript cierres son similares a eso, son capaces de tomar nuestros parámetros y traernos de vuelta las variables (referencias a esas variables, para ser precisos) desde dentro de una función en la que no se nos permite.

function order() {
 var food; 
 function waiter(order) {
 chef(order);
 return food;
 }
 function chef(order) {
 if (order === 'pasta') {
 food = ['pasta', 'gravy', 'seasoning'];
 cook();
 }
 }
 function cook() { food.push('cooked'); }
 return waiter;
 }
 var myOrder = order();
 console.log(myOrder('pasta'));
 // Array [ "pasta", "gravy", "seasoning", "cooked" ]

Como puede ver en el código anterior, todo excepto waiter y su valor de retorno desde el interior de la función de pedido no está expuesto al mundo exterior.

4. Curry

El efecto, llamado así por Haskell Curry, se refiere a usando múltiples funciones con argumentos únicos, en lugar de una sola función con múltiples argumentos. veamos el add funciones a continuación, por ejemplo.

function addx(x){
 function addy(y){
 return x+y;
 }
 return addy
 }
 
 function add(x,y){
 return(x+y);
 }
 
 console.log(addx(3)(4)); \7
 console.log(add(3,4)); \7

Ambas funciones devuelven el mismo resultado. La función addx acepta un parámetro x mientras regresaba addy que a su vez acepta la y valor, realiza la suma con x y devuelve la suma.

La función add simplemente toma ambos x y y al mismo tiempo, realiza la suma y devuelve la suma. Hasta ahora la primera función puede no parecer muy útil, hasta que…

var add4 = addx(4);
 console.log(add4(8)); //12
 console.log(add4(6)); //10
 console.log(add4(-74)); //-70

Ahora, la primera función de repente se vuelve interesante. Al calcular, siempre puede corregir un paso en una secuencia de operaciones como la suma de 4 del código anterior, lo cual es útil cuando una de las variables utilizadas en la operación es siempre la misma.

5. Elevación

Izar significa levantar algo. Izar en JavaScript también significa lo mismo y lo que se plantea es la declaración (declaraciones de variables y funciones).

Las declaraciones son donde las variables y funciones se crean con palabras clave var(no para global) y function.

No importa dónde escriba el código para declarar una función o variable, durante la evaluación todas las declaraciones se mueven hacia arriba dentro del ámbito en el que residen (excepto en modo estricto). Por lo tanto, es posible escribir un código de trabajo con el código para llamar a la función colocado antes de la declaración de la función.

var name="Velma";
 console.log(sayCatchPhrase(name)); /"Jinkies!"
 
 function sayCatchPhrase(name) {
 phrases = {
 'Fred Flintstone': 'Yabba dabba doo!',
 'Velma': 'Jinkies!',
 'Razor': 'Bingo!',
 'He-Man': 'I Have the Power'
 };
 return phrases[name];
 }

6. Mutación

Mutación significa cambio o modificación. Si alguna vez te encuentras con la palabra mutación en JavaScript, probablemente se refiera a los cambios que sufrieron los elementos DOM.

Incluso hay una API llamada MutationObserver para estar atento a las mutaciones DOM como adición de elementos secundarios o cambios en los atributos del elemento. (Puede leer más sobre MutationObserver en mi publicación).

7. pragmática

pragma es la abreviatura de información pragmática. En lenguaje sencillo, pragmático es un adjetivo que significa sensato y práctico. en programación, pragma se refiere al código que consiste en información útil sobre cómo un compilador, intérprete o ensamblador debe procesar el programa.

No aporta nada al propio lenguaje de programación y su sintaxis puede variar. Solo afectan el comportamiento del compilador. JavaScript también tiene algunos pragmas, uno de ellos es strict.

"use strict";

Por el pragma anterior, el código JavaScript se ejecutará en modo estricto. En modo estricto, no se permite la mala sintaxis, elevación no se hace, se muestran errores silenciosos, etc. Ayuda en escribir un código JavaScript más seguro y optimizado.

8. centinela

centinelas son soldados que montan guardia (¿Recuerdas los de X-Men?). en programación, centinelas son valores que se utilizan para indicar el final de un ciclo o proceso. También se les puede llamar “banderas”.

Puede utilizar cualquier valor razonable como centinela. Aquí hay un ejemplo de centinelas utilizado en JavaScript; el indexOf método que devuelve -1 (el valor centinela) cuando el valor de búsqueda no se encuentra en la cadena objetivo. A continuación se muestra una función que devuelve la posición de un valor de matriz y, si no se encuentra el valor, devuelve -1.

function getPos(ary, val) {
 var i=0, len=ary.length; 
 for(;i<len;i++){
 if(ary[i]===val) return i+1;
 } 
 return -1;
 }
 console.log(getPos(['r','y','w'],'y')); //2
 console.log(getPos(['r','y','w'],'g')); //-1

9. Vainilla

Creo que el primer sabor de helado de todos debe haber sido el de vainilla. También creo que no solo en el helado, sino en casi todos los platos dulces, la vainilla se convirtió en el sabor estándar. He visto bastantes recetas de pasteles en las que agregan al menos una gota a la mezcla, solo para aumentar el sabor.

y eso es lo que vainilla es un sabor estándar tradicional. Vainilla JavaScript se refiere al JavaScript estándar, sin marco. Vanilla, de hecho, no solo se usa para describir la versión estándar de JavaScript, sino también otros lenguajes como CSS.

10 variádica

variádica es un adjetivo creado al unir “variable” y “adicity”. “Adicidad” proviene del griego antiguo, con un significado que es el mismo que la palabra latina “aridad” (elemento 1 de esta lista). Así, el término variádica se usa para expresar algo que tiene un número variable de argumentos.

En JavaScript, un variádica La función acepta cualquier número de argumentos. Se puede crear usando arguments propiedad, apply método y desde ES6, el operador de propagación. A continuación se muestra un ejemplo que utiliza un operador de propagación.

function test(...a){
 console.log(a);
 }
 test('a','b','c',8,[56,-89]);
 //output is Array [ "a", "b", "c", 8, Array[2] ]