Lerne Optional Chaining in JavaScript

Рет қаралды 1,253

Күн бұрын

Optional Chaining in JavaScript ist eine hervorragende Methode um Objekte, Arrays und Funktionen zu verketten um unerwünschte Fehler zu vermeiden. Wenn DU als JavaScript Entwickler mit externen Datenquellen und Schnittstellen arbeitest dann kennst du die Problematik das Daten von extern Inkonsistent sein können. Nervendes Prüfen von verschachtelten Daten gehört mit Optional Chaining der Vergangenheit an. Happy Coding!
caniuse.com/?search=%3F.
⏩ Videoinhalt
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
0:00 Einleitung
0:50 ?. mit Objekten
6:07 ?. mit Arrays
8:26 ?. und ?? mit Funktionen
9:57 Browserunterstützung
⭐ Das könnte dich auch interessieren
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
JavaScript Tutorial Deutsch für Anfänger:
↪︎ • Lerne JavaScript in 90...
HTML mit JavaScript ausgeben für Anfänger
↪︎ • HTML mit JavaScript au...
Top 100 JavaScript Snippets
↪︎ • 100 Code Snippets für ...
📌 Über diesen Kanal und mich
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Webentwicklung effizient und einfach. Alles rundum Webentwicklung, Webdesign und angrenzende Themen. Mein Name ist Mario und ich bin bereits seit vielen Jahren beruflich als Web Entwickler tätig. Einige Tutorials auf diesem Kanal sind für absolute Anfänger ohne Vorkenntnisse geeignet, und andere für erfahrene Entwickler.
Starte Jetzt!
/ @programmierenmario
#JavaScript #es2020 #ProgrammierenM

Пікірлер: 24

@pfeynman3827 Жыл бұрын

Super, vor allem der Tip mit der Seite caniuse. Danke!

@ProgrammierenMario Жыл бұрын

Könnte ich immer wieder Empfehlen. Sehr gute Page ✌️🙂

@kayschmitt7363 2 жыл бұрын

wie immer gut erklärt. danke dir

@ProgrammierenMario 2 жыл бұрын

Gern geschehen ✌️🙂

@matthiaspost9990 2 жыл бұрын

Fehlerausgabe ist Gut.... ich kenn noch Zeiten als die Rechner HARD EINFROREN oder die Hardware instabil war....😂😉👍🖖

@ProgrammierenMario 2 жыл бұрын

Oh ja, das waren noch Zeiten. 😂🤣 Da waren die Tower auch noch robuster gegen Schläge 😂

@ig4763 Жыл бұрын

Dein Content wie ein Döner😋👍

@ProgrammierenMario Жыл бұрын

🤷‍♂️

@eccogenesis 2 жыл бұрын

Moin Mario, ich hab durch deine Videos schon reichlich gelernt. Ich schaue dich begleitend zu meiner Weiterbildung. Momentan ist jQuery 3 als Thema dran, könntest du dazu Videos machen? Ich habe zwar einen 800 Seiten langen Schinken dazu, durchs lesen lerne ich aber längst nicht so gut wie durchs machen und nachmachen.

@ProgrammierenMario 2 жыл бұрын

Freut mich zu hören! Bzgl. jQuery habe ich eine Umfrage gestartet. --> kzfaq.infoUgkxWIdgJESCdxQzIwmTZQht-etLXj1QvRll Generell hätte ich schon Lust dazu mal ein Tutorial zu machen, mal schauen was raus kommt :)

@eccogenesis 2 жыл бұрын

@@ProgrammierenMario hab ich soeben gesehen. Fänd ich super, danke. 😊

@florianunterfrauner2041 2 жыл бұрын

was ist deine lieblings-code-formatter-extension in Vscode?

@ProgrammierenMario 2 жыл бұрын

Prettier. ✌️

@codingcrashkurse6429 2 жыл бұрын

Erster Gedanke war: Cool! Zweiter Gedanke war: Hm... macht es das nicht unheimlich schwierig zu debuggen? Ich hab auf der Arbeit gerade ein recht komplexes Projekt mit unterschiedlichen Microservices, die Messages über Kafka schicken. Wir nutzen dort Consumer Driven Contract Testing, um sicherzustellen, dass die Schnittstellen miteinander funktionieren, forcieren Fehler also früh und stark, also ein komplett gegenteiliger Ansatz. Ich glaube ich habe lieber einen TypeError mit einer Angabe wo der Error passiert, als ein generisches undefined. Wie siehst du das? Ist übrigens keine Kritik an deinem Video, das ist wie immer super und top erklärt, mir geht es rein um die Funktionalität an sich ;-)

@ProgrammierenMario 2 жыл бұрын

Nun, ich selbst habe es auch noch nicht in einem Projekt verwendet. Bin aber immer offen für neue Möglichkeiten. Gerade bei verschachtelten externen Datenquellen finde ich es interessant. Sollte aber natürlich kein Freifahrtschein sein. 😅

@ikemkrueger Жыл бұрын

Im Endeffekt ist es ein besseres „try/catch“. Und du kannst ja trotzdem eine Fehlermeldung ausgeben, wenn ein „undefined“ um die Ecke kommt.

@ikemkrueger Жыл бұрын

Hat es für den Fall das es das Feature nicht gibt „PolyFills“? Vielleicht wäre das ja ein Video Wert.

@ProgrammierenMario Жыл бұрын

Man kann dafür z.B. Babel verwenden welches den Quelltext in kompatibleren Code übersetzt. So kannst du neue ES Features verwenden und das Projekt funktioniert dennoch auch für ältere Browser. Könnte mir vorstellen darüber auch mal ein Video zu machen.

@goku_bbkha 2 жыл бұрын

Danke wieder für das Video 👍 Frage: Welche Projekte würdest du mir empfehlen für mein Portfolio, um als Junior Frontend Dev seinen ersten Job zu bekommen? (Also nicht Fullstack Webentwickler sondern erstmals nur Frontend). Da man ja als Frontend hauptsächlich mit API‘s arbeitet, sollte ich meinen Schwerpunkt auf solche Projekte legen oder?

@ProgrammierenMario 2 жыл бұрын

API‘s sind auf jeden Fall nicht verkehrt. Was ich persönlich noch machen würde ist ein einfaches Browsergame, wie Tic Tac Toe oder ähnliches. Das zeigt auch andere Aspekte auf. Und dann noch Thema Responsive. Aber das kannste ja überall mit verpacken. 👍

@goku_bbkha 2 жыл бұрын

@@ProgrammierenMario Ok ja Tic-tac-toe hab ich schon & ne Wetter app mit APi & Angular. Dann werd ich mir ein paar weitere free APis suchen und daraus projekte bauen, dankeschön 👍 responsive hab ich eigentlich alles mit Bootstrap vor & hab davor schon einiges mit CSS (sprich Media Queries) gemacht

@ProgrammierenMario 2 жыл бұрын

@@goku_bbkha sehr gut 👍

@yt7042 2 жыл бұрын

address und nicht adress 🙂 IMHO sollte man darauf achten, dass der Datenbestand konsistent ist. Optional chaining sollte besser nicht verwendet werden, da hier Fehler vorprogrammiert werden, die auch noch schwer zu finden sind. Achso der Name für ?? ist Nullish coalescing operator. Schönes WE!

@ProgrammierenMario 2 жыл бұрын

Jo passiert wenn man mit den Gedanken woanders ist. 😂 Danke für dein Feedback, Schönes Wochenende ✌️🙂