Jerga de JavaScript: 10 términos que debes saber

Desde el currying hasta los cierres, hay bastantes jergas de JavaScript (palabras especiales usadas en el campo) que saben que no solo te ayudarán a aumentar tu vocabulario, sino también a comprender mejor el JavaScript. Jargons se encuentran normalmente en documentaciones y artículos técnicos . Pero algunos de ellos, como los cierres, son cosas bastante estándar que deben conocerse. Saber lo que significa la palabra en sí puede ayudarlo a conocer mejor el concepto que le da nombre.

Esta publicación es la compilación de 10 de esos términos con su significado y el contexto en el que se usan en JavaScript. Si eres un principiante, entonces esta lista te tiene cubierto con los conceptos básicos como el izamiento . Al mismo tiempo, también se incluyen términos menos conocidos o menos conocidos.

1. Arity
2. Anónimo
3. Cierre
4. Zurra
5. Levantamiento
6. Mutación
7. Pragma
8. Centinela
9. Vainilla
10. Variadic

1. Arity

Arity (de latín) es el término utilizado para referirse a la cantidad de argumentos u operandos en una función u operación, respectivamente. Es muy probable que encuentres esta palabra en el dominio de JavaScript cuando se usa para mencionar la cantidad de argumentos esperados por una función de JavaScript .

Incluso hay una propiedad llamada arity, del objeto Function que devuelve el número de argumentos esperados en una función. Ahora está obsoleto y reemplazado por length .

La siguiente función tiene una aridad de 3.

 function getName (primero, medio, último) {return first + '' + middle + '' + last; } 

2. Anónimo

Anonymous es un adjetivo. Cuando algo o alguien se conoce como anónimo significa que el nombre de esa cosa o persona no está identificado. Del mismo modo, en JavaScript, una función anónima es aquella que no está identificada con un nombre.

 (función () {// cuerpo}) (); 

Arriba está una IIFE (Expresión de función invocada inmediatamente). La función en él es anónima ya que no tiene un nombre. Ahora, eche un vistazo al siguiente.

 var foo = function () {}; 

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

Un poco de duda se levanta en la exactitud del uso de la palabra "anónimo". Con IIFE, la función se llama de inmediato, sin nombre involucrado, mientras que, para llamar a esta última función, se utiliza la sintaxis foo() .

Es como si bautizáramos una función sin nombre con el nombre 'foo' y lo llamáramos así. ¿Eso cuenta como anónimo? No sé, lo dejo a los expertos ingleses. Pero, dejando a un lado mi confusión, a ambos se los conoce como funciones anónimas.

3. Cierre

Esta es una de las definiciones del diccionario de Oxford para el cierre : " Una cosa que cierra o sella algo, como un gorro o corbata ".

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

Para explicar las cosas (tal vez no con precisión, pero lo suficiente), considere el cierre como camarero en un restaurante. Suceden muchas cosas dentro de la cocina de un restaurante, donde no se nos permite entrar ni ver. ¿Pero cómo se supone que debemos conseguir 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 los traen cuando la orden está lista. De esta manera, no hemos roto ninguna "regla" y todavía podemos conseguir una comida.

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

 orden de la función () {var food; camarero de funciones (orden) {chef (orden); devolver comida; } function chef (orden) {if (orden === 'pasta') {comida = ['pasta', 'salsa', 'condimento']; cocinar(); }} function cook () {food.push ('cocinado'); } volver camarero; } var myOrder = order (); console.log (myOrder ('pasta')); // Matriz ["pasta", "salsa", "condimento", "cocinado"] 

Como puede ver en el código anterior, todo lo que no sea waiter y su valor de retorno desde dentro de la función de orden no está expuesto al mundo exterior.

4. Currying

El efecto, llamado así por Haskell Curry, se refiere al uso de múltiples funciones con argumentos únicos, en lugar de una sola función con múltiples argumentos. Veamos las funciones de add continuación, por ejemplo.

 función addx (x) {función addy (y) {return x + y; } return addy} función 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 devuelve addy que a su vez acepta el valor y, realiza la suma con x y devuelve la suma.

La función add simplemente toma tanto x como y al mismo tiempo, realiza la suma y devuelve la suma. Hasta ahora, la primera función podría 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 función anterior de repente se vuelve interesante. Al currar, siempre puede corregir un paso en una secuencia de operaciones como la adición de 4 desde el código anterior, lo que es útil cuando una de las variables utilizadas en la operación es siempre la misma.

5. Levantamiento

Hoist significa levantar algo. Alzando 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 alcance donde residen (excepto en el modo estricto). Por lo tanto, es posible escribir un código de trabajo con el código para la llamada de función colocada 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': 'Tengo el poder '}; frases de retorno [nombre]; } 

6. Mutación

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

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

7. Pragma

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

No contribuye nada al lenguaje de programación en sí y su sintaxis puede variar. Solo afectan el comportamiento del compilador. JavaScript también tiene pocos pragmas, uno de ellos es strict .

 "usar estricto"; 

Por el pragma anterior, el código de JavaScript se ejecutará en modo estricto. En modo estricto, la mala sintaxis no está permitida, el levantamiento no está hecho, se muestran errores silenciosos, etc. Ayuda a escribir un código JavaScript más seguro y optimizado .

8. Sentinel

Los centinelas son soldados que hacen guardia (¿recuerdan los de X-Men?). En la programación, los centinelas son valores que se utilizan para indicar el final de un ciclo o proceso. También se les puede llamar "banderas".

Puede usar cualquier valor razonable como centinela . Aquí hay un ejemplo de centinelas usados ​​en JavaScript; el método indexOf 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.

 función getPos (ary, val) {var i = 0, len = ary.length; para (; i 
9. Vainilla 
Creo que el primer sabor de helado de todos debe haber sido vainilla. También creo que no solo en helados, sino que en casi todos los platos dulces, la vainilla se convirtió en el sabor estándar. He visto bastantes recetas de pasteles donde agregan al menos una gota de esta en la mezcla, solo para aumentar el sabor.
Y eso es lo que es vainilla, un sabor estándar tradicional . Vanilla JavaScript se refiere al JavaScript estándar, sin marco. De hecho, Vanilla no solo se usa para describir la versión estándar de JavaScript sino también otros lenguajes como CSS.
10. Variadic 
Variadic es un adjetivo creado uniendo "variable" y "adicity". "Adicción" es del griego antiguo, con un significado que es el mismo que la palabra latina "arity" (Artículo 1 en esta lista). Por lo tanto, el término variadic se usa para expresar algo que tiene un número variable de argumentos .
En JavaScript, una función variadica admite cualquier cantidad de argumentos. Se puede crear usando la propiedad arguments, apply method y desde ES6, el operador spread. A continuación se muestra un ejemplo con un operador de propagación.
 prueba de función (... a) {console.log (a); } prueba ('a', 'b', 'c', 8, [56, -89]); // output es Array ["a", "b", "c", 8, Array [2]] 







        

          
          

		  
Cómo revelar contraseñas (asteriscos) en navegadores
            
Todos los navegadores ocultan sus contraseñas detrás de asteriscos (o viñetas) para evitar que alguien cercano las robe. Sin embargo, a veces puede revelar la contraseña detrás de los asteriscos. Al igual que, al ingresar una contraseña larga, es posible que desee asegurarse de que se ingresó correctamente . Ademá
			
(Consejos de tecnología y diseño)
          
        
      

        

          
          

		  
Crear un cuadro de búsqueda de Rocking CSS3
            
Este artículo es parte de nuestra "serie de tutoriales de HTML5 / CSS3", dedicada a ayudarlo a ser un mejor diseñador y / o desarrollador. Haga clic aquí para ver más artículos de la misma serie. CSS3 es el lenguaje de hoja de estilo de próxima generación. Introduce muchas características nuevas y emocionantes como sombras, animaciones, transiciones, radio de borde, etc. Aunque
			
(Consejos de tecnología y diseño)