Сокращение кода в JavaScript — 7 приёмов

Сокращение кода в JavaScript — 7 приёмов
Комментарии: 6

Компактный формат записи JavaScript кода не только сокращает его объём, но и приводит к более быстрой загрузке страниц. Это один из простейших методов оптимизации кода и профессиональные программисты используют его при любой возможности. Рассмотрим самые интересные и частоприменяемые сокращения.

Числа с большим количество нулей

Если вы регулярно работаете с большими десятичными числами то это сокращение может стать для Вас находкой. Больше не нужно набирать все нули, просто замените их на электронную нотацию. Например, «1e8» означает добавление восьми нулей после цифры «1» и равняется 100000000.

Число после буквы «e» указывает количество нулей, которые идут после цифр до «e». Аналогично, «16e4» является сокращением числа 160000.

    /* короткая запись */
    var myVar = 1e8;
    
    /* обычная запись */
    var myVar = 100000000;

Увеличение и уменьшение значения переменной

Сокращенный формат записи увеличения числа на единицу состоит в добавлении после переменной двух знаков «+». Аналогично, уменьшение на единицу состоит из двух знаков «-». Операция используется только для числовых типов данных. Они имеют незаменимую роль в циклах, наиболее часто используются в цикле «for».

    /* короткая запись */
    i++;
    j--;
    
    /* обычная запись */
    i=i+1;
    j=j-1;

Сложение, вычитание, умножение и деление

Для каждой из четырех основных математических операций есть сокращение: сложение, вычитание, умножение и деление. Они работают аналогично с операторами увеличения и уменьшения значения переменной, но здесь вы можете изменить значение переменной на любое число (не только на единицу).

    /* короткая запись */
    i+=5;
    j-=3;
    k*=10;
    l/=2;
    
    /* обычная запись */
    i=i+5;
    j=j-3;
    k=k*10;
    l=l/2;

Использование условного оператора

Условный (тернарный) оператор часто используется как компактный формат записи оператора «if-else». Он состоит из трех частей:

  • условие;
  • что произойдет, если условие истинно (true);
  • что произойдет, если условие ложно (false).
    var age = 17;
     
    /* короткая запись */
    var message = age >= 18 ? "Разрешено" : "Запрещено";
     
    /* обычная запись */
    if( age >= 18) {
      var message = "Разрешено";
    } else {
      var message = "Запрещено";
    }

Проверка существования переменной

Часто нужно проверить существует переменная или нет. Оператор «if» помогает сделать это в одну строку. Условие «if (myVar)» не просто проверяет, является значение переменной «false» или нет, но и делает другие проверки. А именно, переменная не может быть равна «undefined», «empty», «null», и «false».

    var myVar = 99;
     
    /* короткая запись */
    if( myVar ) {
      console.log("Переменная myVar объявлена, не пуста и не равна false.");
    }
     
    /* обычная запись */
    if( typeof myVar !== "undefined" && myVar !==  "" && myVar !== null
    && myVar !== 0 && myVar !== false  ) {
      console.log("Переменная myVar объявлена, не пуста и не равна false.");
    }

Использование шаблонов

Этот способ позволит избежать использование «+» для объединения нескольких переменных в строке. Все что нужно сделать, это использовать обратные кавычки, а переменные обернуть в конструкцию «${}».

    var FirstName = 'Andrew', LastName = 'Simkin'; 
    
    /* короткая запись */
    constant welcome = `Добрый день ${FirstName} ${LastName} !`;
     
    /* обычная запись */
    constant welcome = 'Добрый день' + FirstName + ' ' + LastName + '!';

Многострочные переменные

А вот как используют обратные кавычки для написания компактного значения многострочной переменной.

    /* короткая запись */
    constant poem = `Маленький хакер лазал в сети,
                     Бабки халявные жаждал найти.
                     Грязный барак, номерок на спине:
                     Нет жизни хакерам в нашей стране.`;
     
    /* обычная запись */
    constant poem = 'Маленький хакер лазал в сети,\n\t'
                  + 'Бабки халявные жаждал найти.\n\t'
                  + 'Грязный барак, номерок на спине:\n\t'
                  + 'Нет жизни хакерам в нашей стране.';
Темы:
JavaScript
Ещё интересное — 6
Комментарии —
  1. Avrio_programmer
    Avrio_programmer01 февраля 2021, 22:46#
    пишу вам спасибки за этот сайт и эту информацию.
    отпустите котика он уже слишком долго на каратнине (судя по его виду)
    1. Andy Si02 февраля 2021, 09:57#
      Пасиб за отзыв… я подумаю на кого его можно заменить :)
    2. Kelvin
      Kelvin08 февраля 2021, 08:31#
      Ecть ещё вот такой вариант, когда надо вставить куда-то одну переменную, пишут типа:
      ...<javascript: var; />…
      Но это не точно,
      1. Andy Si08 февраля 2021, 13:12#
        не встречал
      2. Александр
        Александр16 апреля 2021, 11:51#
        Большое спасибо. Мир не без добрых людей
        1. Andy Si17 апреля 2021, 18:52#
          Рад что пригодилось кому-то.
        © REALADMIN.RU   2024 г.
        Страница сгенерирована: 0,1951 s | 4 mb.
        На каком уровне Вы играете в шахматы?
        OPROS