Удивительные методы JavaScript.

1. Тернарный оператор

Это отличная программа для экономии кода, если вы хотите написать оператор if – else всего в одной строке.
Изначальный код:

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

Измененный код:

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

2. Оценка короткого замыкания

При присвоении значения переменной другой переменной вы можете убедиться, что исходная переменная не является нулевой, неопределенной или пустой.
Изначальный код:

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

Измененный код:

const variable2 = variable1  || 'new';

3. Использование петли

Этот небольшой совет действительно полезен, если вы хотите выполнить итерацию.
Изначальный код:

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

Измененный код:

for (let index of allImgs)

4.Свойство объекта

Объектные литералы в ES6 предоставляют еще более простой способ присвоения свойств объектам.
Изначальный код:

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

Измененный код:

const obj = { x, y };

5. Функции стрелок

Классические функции легко читать и писать, но они, как правило, немного сбивают с толку, когда вы начинаете вкладывать их в вызовы других функций.
Изначальный код:

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

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

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

Измененный код:

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

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

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

Ответить