Удивительные методы 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));
+1
+1
+1
+1
+1