Измените свои старые методы написания кода JavaScript — Сокращения для кода JavaScript


1. Сокращение для if с несколькими условиями OR(||)

if (car === 'audi' || car === 'BMW' || car === 'Tesla') {
    //code
}
Вход в полноэкранный режим Выйти из полноэкранного режима

Традиционным способом мы писали код по приведенному выше шаблону. Но вместо использования нескольких условий OR мы можем просто использовать массив и include. Посмотрите приведенный ниже пример.

if (['audi', 'BMW', 'Tesla', 'grapes'].includes(car)) {
   //code
}
Войти в полноэкранный режим Выйти из полноэкранного режима

2. Сокращение для if с несколькими условиями And(&&)

if(obj && obj.tele && obj.tele.stdcode) {
    console.log(obj.tele .stdcode)
}
Войти в полноэкранный режим Выход из полноэкранного режима

Используйте необязательную цепочку (?.) для замены этого фрагмента.

console.log(obj?.tele?.stdcode);
Войти в полноэкранный режим Выйти из полноэкранного режима

3. Сокращение для проверки нулевых, неопределенных и пустых значений переменной

if (name !== null || name !== undefined || name !== '') {
    let second = name;
}
Войти в полноэкранный режим Выйти из полноэкранного режима

Простой способ сделать это…

const second = name || '';
Войти в полноэкранный режим Выйти из полноэкранного режима

4. Сокращение регистра переключателя для выбора из нескольких вариантов

switch (number) {
  case 1:
     return 'Case one';
  case 2:
     return 'Case two';
  default:
     return;
}
Войти в полноэкранный режим Выход из полноэкранного режима

Использование карты/объекта

const data = {
  1: 'Case one',
  2: 'Case two'
};
//Access it using
data[num]
Войти в полноэкранный режим Выйти из полноэкранного режима

5. Сокращение функций для однострочной функции

function example(value) {
  return 2 * value;
}
Войти в полноэкранный режим Выйти из полноэкранного режима

Используйте функцию стрелки

const example = (value) => 2 * value
Войти в полноэкранный режим Выйти из полноэкранного режима

6. Сокращение для условного вызова функций

function height() {
    console.log('height');
}
function width() {
    console.log('width');
}
if(type === 'heigth') {
    height();
} else {
    width();
}
Вход в полноэкранный режим Выход из полноэкранного режима

Простой способ

(type === 'heigth' ? height : width)()
Вход в полноэкранный режим Выход из полноэкранного режима

7. Сокращение для установки значения по умолчанию для переменной с помощью if

if(amount === null) {
    amount = 0;
}
if(value === undefined) {
    value = 0;
}
console.log(amount); //0
console.log(value); //0
Ввести полноэкранный режим Выйти из полноэкранного режима

Просто написать

console.log(amount || 0); //0
console.log(value || 0); //0
Ввести полноэкранный режим Выйти из полноэкранного режима

Оцените статью
devanswers.ru
Добавить комментарий