3 Практически приложения за унищожаване на обекти в JavaScript

Напишете по-чист код, използвайки тези модели на унищожаване

Вече вероятно сте доста запознати с разрушаването на JavaScript! Той дойде при нас през 2015 г. в спецификацията ES6, но ако трябва да го обмислите, Mozilla има страхотна задълбочена статия за това как работи.

Обаче да знаеш как работи разрушаването не е същото като да знаеш как да го използваш. Ето три модела на унищожаване, които можете да използвате, за да направите кода си по-чист, по-здрав и по-четим!

1. Наименование на аргументите за функция

Наименованите аргументи са алтернативен начин за обработка на функционални параметри, а не по позиция. Вместо да подреждате аргументите си в същия ред като подписа на функцията, просто посочвате аргумента по име. Например в Python:

Както можете да видите, редът на аргументите няма значение - просто ги посочвате по име. Предимствата на посочените аргументи спрямо позиционните са:

  1. Можете да изключите един или повече параметри, когато извиквате функцията
  2. Поръчката няма значение при предаване на аргументи.
  3. По-четим код при извикване на функция, която може да съществува другаде

Въпреки че истинските именани аргументи не съществуват в JavaScript, можем да използваме модел на унищожаване, за да постигнем всички 3 от еднакви предимства. Ето същия код като по-горе, но в JavaScript:

Този модел удря всички наши цели за посочени аргументи. Успяхме да оставим аргумента с, редът няма значение и ние присвояваме нашия аргумент, като ги препращаме по име. Всичко това става възможно чрез деструктуриране на обекти.

2. Чисто анализирайте отговора на сървъра

Често ни интересува само блокът данни или дори една конкретна стойност в блока с данни от отговор на сървъра. В такъв случай можете да използвате унищожаване, за да вземете само тази стойност, докато игнорирате много от другите неща, които сървърът обикновено изпраща обратно. Ето един пример:

Този модел ви позволява да извадите стойности от обект, докато вашите аргументи се анализират. Можете също така да настроите по подразбиране безплатно! Което ни води до третия модел ...

3. Задаване на стойности по подразбиране по време на задаване

Често срещан случай, когато присвояването на променливи или константи е да има стойност по подразбиране, ако някаква друга стойност в момента не съществува в обхвата.

Преди да унищожите, можете да направите нещо подобно, за да постигнете желаното поведение:

// стар начин за настройка на стойности по подразбиране
var nightMode = userSettings.nightMode || фалшив

Но това изисква индивидуален ред код за всяка задача. С унищожаването можете да се грижите за всичките си задачи и техните по подразбиране всички наведнъж:

Този модел на унищожаване може да бъде приложен за настройка на състояние във вашите компоненти на React!

Надявам се да успеете да приложите някои от тези модели към вашия код! Вижте връзките по-долу, за да научите повече за унищожаването.

Научете повече!