Impresionantes técnicas inteligentes de JavaScript.

1. Operador Ternario

Este es un gran ahorro de código cuando desea escribir una declaración if..else en una sola línea.
Escritura común a mano:

const x = 100;
let answer;
if (x > 100) {
    answer="greater than 100";
} else {
    answer="less than 100";
}

abreviatura

const answer = x > 100 ? 'greater than 100' : 'less than 100';

2. Evaluación de cortocircuito

Al asignar un valor de variable a otra variable, es posible que desee asegurarse de que la variable de origen no sea nula, indefinida o vacía.
Escritura común a mano:

if (variable1 !== null || variable1 !== undefined || variable1 !== '') {
     let variable2 = variable1;
}

abreviatura

const variable2 = variable1  || 'new';

3. Bucle

Este pequeño consejo es realmente útil si desea realizar una iteración.
Escritura común a mano:

for (let i = 0; i < allImgs.length; i++)

abreviatura

for (let index of allImgs)

4. Propiedad del objeto

Los literales de objetos en ES6 proporcionan una forma aún más fácil de asignar propiedades a los objetos.
Escritura común a mano:

const obj = { x:x, y:y };

abreviatura

const obj = { x, y };

5. Funciones de flecha

Las funciones clásicas son fáciles de leer y escribir, pero tienden a volverse un poco confusas una vez que comienzas a anidarlas en otras llamadas a funciones.
Escritura común a mano:

function sayHello(name) {
  console.log('Hello', name);
}

setTimeout(function() {
  console.log('Loaded')
}, 2000);

list.forEach(function(item) {
  console.log(item);
});

abreviatura

sayHello = name => console.log('Hello', name);

setTimeout(() => console.log('Loaded'), 2000);

list.forEach(item => console.log(item));

Similar Posts

Leave a Reply

Your email address will not be published.