Поднесенный JavaScript – Данные конфигурации

Проверьте мои книги на Amazon в https://www.amazon.com/John-Au-Yeung/e/B08FT5NT62

Подписаться на мой список электронной почты сейчас http://jauyeung.net/subscribe/

Создание ремонторуемого JavaScript Code важно, если хотите использовать код.

В этой статье мы посмотрим на основанные основы создания ремонторуемого кода JavaScript, смотрели способы exerence Data Config.

Хорошие способы обнаружения свойств

Мы можем использовать в Оператор для проверки, существует ли свойство объекта в объекте.

Например, мы можем написать:

const object = {
  count: 0,
};

if ("count" in object) {
  // ...
}

Чтобы проверить, если Считать Собственность добавляется в объект объект.

Выражение в Если Заголовок блока вернет истинный Таким образом, блок будет работать.

Это проверяет, если Считать Собственность находится в самом объекте, и в его прототипе цепочке.

Чтобы проверить, является ли свойство ненаследованным свойством объекта, мы можем использовать HasownProperty метод.

Например, мы можем написать:

const object = {
  count: 0,
};

if (object.hasOwnProperty('count')) {
  // ...
}

Это возвращает истинный Если «Считать» это собственная собственность объект и ложный в противном случае.

Если мы не уверены, будь то HasownProperty существует в объект Можно написать:

if ("hasOwnProperty" in object && object.hasOwnProperty('count')) {
  // ...
}

Теперь мы точно знаем, что HasownProperty существует, прежде чем вызывать это.

Отдельные данные конфигурации из кода

Данные конфигурации – это любые жесткие значения в нашем приложении.

Если у нас есть:

function validate(value) {
  if (!value) {
    console.log("Invalid value");
    location.href = "/errors/invalid";
  }
}

Тогда у нас есть 2 части конфигурации данных в нашем коде.

Один из них «Недопустимое значение» нить.

И 2-й – это '/Ошибка/Неверный' Url строка.

URL-адреса и сообщения могут измениться, поэтому мы можем их отделить, чтобы мы могли определить одну многоразовую переменную для каждого, а затем ссылаться на то, что везде другой.

Данные, которые являются данными конфигурации, включают в себя:

• URL-адреса
• Строки, которые отображаются в пользовательском интерфейсе
• Повторные уникальные значения
• Настройки
• Любое значение, которое может измениться

Мы не хотим изменять несколько частей нашего исходного кода, чтобы изменить некоторые значения конфигурации.

Внешние данные конфигурации

Первый шаг к разделению данных конфигурации из нашего кода – отобразить данные конфигурации.

Это означает получение данных из середины нашего кода JavaScript.

Вместо того, что у нас раньше, мы вместо этого пишу:

const config = {
  MESSAGE_INVALID_VALUE: "Invalid value",
  URL_INVALID: "/errors/invalid.php",
};

function validate(value) {
  if (!value) {
    console.log(config.MESSAGE_INVALID_VALUE);
    location.href = config.URL_INVALID;
  }
}

Мы создали config объект, который имеет данные конфигурации в своем месте,

Тогда мы ссылались на это в нашем коде.

Каждая недвижимость в config это часть данных.

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

Наиболее важной частью является экстернализация данных.

Остальные до наших собственных предпочтений.

Вывод

Данные конфигурации являются жесткозедированными данными, которые используются в нескольких местах.

Мы должны использовать данные нашей конфигурации, чтобы мы могли использовать их в нескольких местах без повторения.

Таким образом, мы можем изменить его один раз и не нужно беспокоиться.

Пост Поднесенный JavaScript – Config Data появился первым на Веб dev Отказ

Оригинал: “https://dev.to/aumayeung/maintainable-javascript-config-data-58ae”