Używanie && i || poza klauzulą if w JavaScript

Może zdarzyło Ci się używać operatorów && i || podczas pisania warunku w klauzuli if. Ale czy wiedziałeś, że w JavaScript oceniają one wartości wyrażenia, takie jak łańcuchy i liczby, zamiast wartości logicznych true i false?

To pozwala na użycie operatorów && i || w wyrażeniach poza ifklauzulą. Zapewnia krótkie sposoby wyrażania wczesnego zatrzymania przy użyciu && i wyrażania wartości domyślnej przy użyciu ||.

If-clause operuje na wartościach prawdziwych i fałszywych

To, że operatory && i || oceniają się na łańcuchy i liczby, nie łamie if-clause, ponieważ warunki są oceniane inaczej w JavaScript.

Zamiast ifklauzula decyduje o swoim następnym ruchu w oparciu o warunek będący true lub false, decyduje w oparciu o warunek będący prawdziwym lub fałszywym.

Definicja jest

Wartość jest fałszywa jeśli jest false, null, undefined, '', 0 lub NaN. Wartość prawdziwa to każda wartość, która nie jest uważana za fałszywą.

Użyjmy tych informacji.

Użyj &&, aby zabezpieczyć się przed undefined

Powszechną sytuacją jest dostęp do zagnieżdżonych właściwości obiektów przy użyciu notacji kropkowej. Na przykład request.session.id. W tym przypadku, jeśli jakikolwiek obiekt po drodze jest undefined pojawi się „Uncaught TypeError: Cannot read property of undefined” error is throwed.

Błędu można uniknąć używając && do bezpiecznego zabezpieczenia przed undefined.

1
const sessionId = request.session && request.session.id;

Here the expression evaluates to undefined safely without throwing an error.

Definicją dla && jest

Operator && ocenia do lewostronnego wyrażenia, jeżeli jest fałszywy, w przeciwnym razie do prawostronnego wyrażenia.

Użyj ||aby podać wartość domyślną

Innym częstym przypadkiem użycia jest pobieranie wartości, a jeśli ona nie istnieje, to użycie wartości domyślnej.

Można to osiągnąć używając ||-operatora.

1
const name = user.name || 'Guest';

Definicją dla || jest

Operator || ocenia do wyrażenia po lewej stronie, jeśli jest prawdziwe, w przeciwnym razie do wyrażenia po prawej stronie.

Readability

Te dwa nowe narzędzia są miłymi dodatkami do twojego zestawu narzędzi. Ale jak zawsze, czytelność jest na pierwszym miejscu. Używaj ich mądrze, tam gdzie najlepiej pasują. Pamiętaj, aby upewnić się, że wszyscy w Twoim zespole wiedzą, jak z nich korzystać, na przykład przekazując im ten artykuł.

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.