Top 10 Shorthands de JavaScript para principiantes

Abreviaturas de JavaScript no solo acelera el proceso de codificación, sino que también acorta los scripts, por lo tanto lleva a carga de página más rápida. Los códigos de taquigrafía son tan válidos como sus versiones a mano; ellos esencialmente defender lo mismo-Sólo en un formato más compacto. Son una de las técnicas de optimización de código más simples..

Hay varias abreviaturas de JavaScript, sin embargo no tiene una guía de referencia oficial. Algunos son realmente simples, mientras que otros son bastante intimidantes incluso para desarrolladores con experiencia. En este artículo, usted puede encontrar 10 abreviaturas de JavaScript para principiantes con el que puede comenzar con la optimización de código y escribir código más conciso.

1. números decimales

Si regularmente trabajar con grandes decimales esta taquigrafía puede ser una bendición, ya que ya no tiene que escribir todos los ceros, simplemente reemplácelos con el mi notación. Por ejemplo, 1e8 significa la adición de ocho ceros después de la 1 dígito, es igual a 100000000.

El numero despues de la letra mi indica el numero de ceros que vienen después de los dígitos anteriores mi. Igualmente, 16e4 es la taquigrafía de 160000, etc.

 / * Taquigrafía * / var myVar = 1e8; / * Mano larga * / var myVar = 100000000; 

2. Incremento, decremento

los incremento taquigráfico se compone de dos + Signos, significa que el valor de una variable es ser incrementado en uno. Del mismo modo, el decremento taquigrafía consiste en dos - signos, y significa que la variable es ser decrementado por uno.

Estas dos abreviaturas pueden ser utilizadas solo en tipos de datos numéricos. Tienen un papel indispensable en los bucles, su caso de uso más frecuente es el para lazo.

 / * Taquigrafía * / i ++; j--; / * De mano * / i = i + 1; j = j-1; 

3. Suma, distrae, multiplica, divide

Hay una taquigrafía para cada uno de los cuatro operaciones matemáticas básicas: suma, distracción, multiplicación y división. Funcionan de manera similar a los operadores de incremento y decremento, solo aquí, puede cambiar el valor de una variable por cualquier numero (no solo por uno).

En el siguiente ejemplo, el yo la variable se incrementa en 5, j es decrementado por 3, k se multiplica por 10, y l se divide por 2.

 / * Taquigrafía * / i + = 5; j- = 3; k * = 10; l / = 2; / * De mano * / i = i + 5; j = j-3; k = k * 10; l = l / 2; 

4. Determina la posición del personaje.

los carácter () método es uno de los métodos de cadena más utilizados, devuelve el personaje en una posición especificada (por ejemplo, el 5^th carácter de una cadena). Hay una taquigrafía simple que puedes usar en su lugar: agregas el posición del personaje encerrada entre corchetes despues de la cuerda.

Preste atención a que el carácter () método es basado en cero. Por lo tanto, myString [4] volverá el 5^th carácter en la cadena ("y" en el ejemplo).

 var myString = "Feliz cumpleaños"; / * Shorthand * / myString [4]; / * Longhand * / myString.charAt (4); 

5. Declarar variables a granel.

Si quieres crear Más de una variable al mismo tiempo. No tienes que escribirlos uno por uno. Es suficiente usar el var (o dejar) palabra clave sólo una vez, Entonces puedes simplemente listar las variables que quieres crear., separados por una coma.

Con esta taquigrafía, puedes declarar ambos variables indefinidas y variables con un valor.

 / * Taquigrafía * / var i, j = 5, k = "Buenos días", l, m = falso; / * De mano * / var i; var j = 5; var k = "buenos días"; var l; var m = falso; 

6. Declarar una matriz asociativa.

Declarar una matriz en JavaScript es una tarea relativamente simple, usando el var myArray = ["manzana", "pera", "naranja"] sintaxis. sin embargo, declarando una matriz asociativa es un poco más complicado, ya que aquí, no solo tiene que definir los valores sino también las claves (en el caso de matrices regulares, las claves son 0, 1, 2, 3, etc..).

Una matriz asociativa es una colección de pares clave-valor. La manera a largo plazo es declarar la matriz, luego agregar cada elemento uno por uno. Sin embargo, con la taquigrafía a continuación, también puede declarar la matriz asociativa más todos sus elementos al mismo tiempo.

En el siguiente ejemplo, el myArray matriz asociativa asigna su lugar de nacimiento (valores) a personas famosas (claves).

 / * Shorthand * / var myArray = "Grace Kelly": "Filadelfia", "Clint Eastwood": "San Francisco", "Humphrey Bogart": "Ciudad de Nueva York", "Sophia Loren": "Roma", "Ingrid Bergman ":" Stockholm " / * Longhand * / var myArray = new Array (); myArray ["Grace Kelly"] = "Filadelfia"; myArray ["Clint Eastwood"] = "San Francisco"; myArray ["Humphrey Bogart"] = "Ciudad de Nueva York"; myArray ["Sophia Loren"] = "Roma"; myArray ["Ingrid Bergman"] = "Estocolmo"; 

7. Declarar un objeto.

La taquigrafía para declaración de objeto Funciona de manera similar a la de matrices asociativas. Sin embargo aquí, no hay pares clave-valor sino pares de propiedad-valor que necesitas colocar entre los tirantes .

La única diferencia en la sintaxis abreviada es que las propiedades de los objetos no están entre comillas (nombre, lugar de nacimiento, años, fue JamesBond en el siguiente ejemplo).

 / * Shorthand * / var myObj = name: "Sean Connery", placeOfBirth: "Edinburgh", age: 86, wasJamesBond: true; / * Longhand * / var myObj = new Object (); myObj.name = "Sean Connery"; myObj.placeOfBirth = "Edimburgo"; myObj.age = 86; myObj.wasJamesBond = true; 

8. Usar el operador condicional.

los operador condicional (ternario) se usa frecuentemente como atajo para el si-si no declaración. Consiste en tres partes:

1. la condición
2. que pasa si el la condición es verdadera (Si)
3. que pasa si el la condición es falsa (más)

En el siguiente ejemplo, enviamos un mensaje simple (dentro de la mensaje variable) para personas que quieran ingresar a un club. Usando el formulario abreviado, es solo una línea de código para ejecutar la evaluación.

 edad var = 17; / * Shorthand * / var message = age> = 18? "Permitido": "Denegado"; / * Longhand * / if (age> = 18) var message = "Allowed";  else var message = "Denegado";  

Si quieres probarlo solo Copia el código en la consola web. (F12 en la mayoría de los navegadores) y modifique el valor del años variable unas cuantas veces.

9. comprobar presencia

Con frecuencia sucede que necesitas verificar si una variable es presente o no. los “si presencia” taquigrafía Te ayuda a hacerlo con mucho menos código..

Tenga en cuenta que la mayoría de los artículos en abreviaturas de JavaScript no dan la forma correcta a largo plazo, ya que si (myvar) La notación no solo comprueba si la variable no es falsa, sino también un puñado de otras cosas. A saber, la variable. no puede ser indefinido, vacío, nulo y falso.

 var myVar = 99; / * Shorthand * / if (myVar) console.log ("La variable myVar está definida Y no está vacía Y no es nula Y no es falsa.");  / * Longhand * / if (typeof myVar! == "undefined" && myVar! == "&& myVar! == null && myVar! == 0 && myVar! == false) console.log (" The myVar la variable está definida Y no está vacía Y no es nula Y no es falsa ");  

Puedes probar como “si presencia” la taquigrafía funciona insertando el siguiente fragmento de código en la consola web y cambiando el valor de mivar unas pocas veces.

Para entender cómo funciona esta taquigrafía, vale la pena probarlo con los valores de "" (cuerda vacía), falso, 0, cierto, una cadena no vacía (por ejemplo,. "Hola"), un número (por ejemplo,. 99), y cuando la variable no está definida (simplemente var myVar;).

10. comprobar ausencia

los “si presencia” taquigrafía se puede utilizar para comprobar la ausencia de una variable mediante la colocación de un signo de exclamación ante él. El signo de exclamación es el operador lógico no en JavaScript (y en la mayoría de los lenguajes de programación).

Por lo tanto, con el si (! myVar) notación, puede comprobar si el mivar variable no está indefinido, vacío, nulo o falso.

 var myVar; / * Shorthand * / if (! MyVar) console.warn ("La variable myVar está indefinida (OR) vacía (OR) nula (OR) falsa.");  / * Longhand * / if (typeof myVar === "undefined" || myVar === "|| myVar === null || myVar === 0 || myVar === falso) console.warn ("La variable myVar es indefinida (OR) vacía (OR) nula (OR) falsa");