Die Grundlagen von JavaScript für Anfänger:innen – Abschnitt 8: ES6 | Rob Merrill | Skillshare

Playback-Geschwindigkeit


  • 0.5x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 2x

Die Grundlagen von JavaScript für Anfänger:innen – Abschnitt 8: ES6

teacher avatar Rob Merrill, JavaScript Instructor

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu jedem Kurs
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Eine Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

10 Einheiten (56 Min.)
    • 1. JavaScript der Grundlagen – ES6: Promo Video

      1:55
    • 2. JavaScript in die Grundlagen – ES6: Lassen

      5:29
    • 3. JavaScript in die Grundlagen – ES6: Lassen Statements Lab

      7:57
    • 4. JavaScript in die Grundlagen – ES6: Const

      3:08
    • 5. JavaScript in den Grundlagen – ES6: Template

      6:09
    • 6. JavaScript in die Grundlagen – ES6: -

      6:32
    • 7. JavaScript in die Grundlagen – ES6: Arrow

      5:25
    • 8. JavaScript in die Grundlagen – ES6: Arrow Lab

      6:13
    • 9. JavaScript in die Grundlagen – ES6: Ausbreitung

      6:15
    • 10. JavaScript in die Grundlagen – ES6: Ausbreitung von Operator Lab

      6:28
  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Alle Niveaus

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

386

Teilnehmer:innen

--

Projekte

Über diesen Kurs

Kurs 8 – ES6 JavaScript

In diesem Kurs wirst du:

  • Lassen
  • const
  • template
  • arrow
  • Streamer

Durch unser gesamtes JavaScript die Grundlagen für Anfänger, die du in deinem Kurs findest, ist deine notwendige Anhalt, um in die Sprache von JavaScript einzutreten. Wir beginnen mit dem Anfängen und entwickeln gemeinsam unser Verständnis der beliebtesten Programmiersprache der ganzen Fall.

Sieh dir JavaScript in der Aktion an, mit whiteboard optimiert für die Ansicht auf deinem Smartphone an. Das ist wirklich ein Kurs, an dem du dich anwenden kannst, egal wo du bist. Nimm deine JavaScript unterwegs an! Mit whiteboard wirst du dir visualisieren, was JavaScript unter der Haube macht.

Du kannst JavaScript in deinem Webbrowser üben! Nutze die Tools in Google Chrome, um die in der Kurseinheit in der Kurseinheit mit weiteren Beispielen und Herausforderungen zu machen. Das ist unser Spielplatz.

JavaScript ist wie das Lernen. In diesem Kurs wird kein falsches Versprechen, du wirst JavaScript über Nacht meistern. Der Kurs wird dir jedoch in die beliebteste Programmiersprache der Welt eintauchen.

Jeder Kurs wird dir in JavaScript etwas Neues vorstellen:

  • JavaScript Syntax Syntax
  • JavaScript Bausteine
  • Die besten Praktiken von JavaScript
  • JavaScript-Objekte
  • JavaScript Arrays
  • Regelmäßige Ausdrücke
  • Funktionale Programmierung von JavaScript.
  • JavaScript
  • JavaScript
  • JavaScript ES6 Syntax

In diesem Kurs wirst du diesen Kurs beherrschen, mit dem du dich vertiefen kannst, in die Sprache eintauchen und dich möglicherweise in eine neue Karriere einsetzen kannst.

Das Lernen einer neuen Sprache kann schwierig und sogar einschüchternd sein. JavaScript Die Grundlagen lässt den Lerneffekt und gastfreundlich!

Triff deine:n Kursleiter:in

Teacher Profile Image

Rob Merrill

JavaScript Instructor

Kursleiter:in

Rob Merrill is a Full Stack JavaScript Developer. His specialty is in the MEAN stack focusing on AngularJS, NodeJS, ExpressJS and MongoDB.

He is a graduate of Code Fellows Advanced Full Stack JavaScript Development course and has been developing with JavaScript for three years.

In his spare time he travels around Seattle's finest craft breweries with his wife and their dog.

Vollständiges Profil ansehen

Kursbewertungen

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%
Bewertungsarchiv

Im Oktober 2018 haben wir unser Bewertungssystem aktualisiert, um das Verfahren unserer Feedback-Erhebung zu verbessern. Nachfolgend die Bewertungen, die vor diesem Update verfasst wurden.

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen bei Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. JavaScript der Grundlagen – ES6: Promo Video: Willkommen bei Java-Skript. Die Basics. JavaScript ist die beliebteste Programmiersprache in der Welt wurde die Sprache des Web Stack Overflow als die beliebteste taube Technologie aufgeführt genannt und erhalten Zahlen es als die Top-Ränge Sprachenlernen JavaScript ermöglicht es Ihnen, ein sein Full-Stack-Entwickler oder finanzieren eine Spezialität auf dem Front-End oder dem Back-End. Mit JavaScript können Sie Front- und Frameworks wie Reagieren und Winkeln auf der Client-Seite bewältigen . Und Sie können auch auf der Back-End-Serverseite ohne Js schneiden und Datenbanken mit Mongo erstellen . DB JavaScript ist eine Sprache, also wird es einige Zeit dauern, um zu lernen, bevor Sie Poesie oder einen Roman in jeder Spracheschreiben können Sprache Sie müssen zuerst das Alphabet lernen, wie man Wörter macht und sehen, wie andere es benutzen. Um JavaScript zu lernen. Wir werden unter die Haube schauen. Dies wird nicht nur eine Übung sein, den Code eines anderen zu kopieren, um mit einer Anwendung zu landen , die Sie nicht verstehen. Alles, was wir tun, wird visuell in Form einer Whiteboard-Lektion sein, in der Sie wirklich sehen können wie alles funktioniert und verbindet. Wenn Sie ein visueller Lernender sind, ist dies der richtige Kurs für Sie. Dabei geht es nicht darum, 0 bis 60 oder Null zum Helden zu gehen, denn wenn du wirklich bei Null beginnst, lassen dich diese Kurse schnell hinter dir. Es geht um das Lernen. Verstehen und Anwenden ist, dass Sie mit JACKET erstellen und erstellen können. Way folgt dann unserem Whiteboard. Lektionen in das Labor Weg wird in den Google Chrome Software-Entwickler geben. Konsul Disteln sind Java-Skript-Spielplatz. Es gibt nichts, was Sie für diesen Kurs herunterladen müssen. Keine Spezialwerkzeuge, keine zusätzlichen Schritte. Nur Google, Chrome, alles. Sie haben die Lektion gelernt, die wir dann gemeinsam im Labor neu erstellen werden. Ich werde Ihnen dann eine Code-Herausforderung geben, um neu zu erstellen, was wir gemeinsam gelernt haben, und dann werden wir gemeinsam eine mögliche Lösung suchen. Willkommen bei Java Script. Die Grundlagen. Beginnen wir, Job-Skript zu sprechen 2. JavaScript in die Grundlagen – ES6: Lassen: Alles klar, Willkommen zurück in Java. Skript für Anfänger in diesem Abschnitt, wir sehen uns E s six, auch bekannt als Acma Script 2015. In dieser Lektion werden wir uns Let's Anweisungen und JavaScript ansehen. Was ist die let-Anweisung in JavaScript? Lassen Sie uns Anweisung ermöglicht Blockbereich eine lokale Variable zu deklarieren. Dies unterscheidet sich von dem var Schlüsselwort, das eine Variable global oder lokal in den Bereich einer Funktion deklariert. In vielerlei Hinsicht wird es genauso funktionieren wie das Schlüsselwort var. Aber es gibt signifikante Unterschiede. Nun, schauen Sie sich die Implementierung von beiden an. Lassen Sie und bar und sehen Sie, was diese Gemeinsamkeiten und Unterschiede sind. Schauen wir uns zuerst einige Grundlagen dessen an, was wir tun können, das ist das Gleiche. Wir können eine Variable sowohl mit let als auch var zuweisen und ihnen einen Wert zuweisen. Sie können auch die Werte mit lassen neu zuweisen, wie Sie mit weit würden wir neue Werte zu den Variablen zuweisen , die sowohl mit weit als auch nass erstellt wurden. Betrachten wir nun den ersten Unterschied mit dem var Schlüsselwort. Wir können das Schlüsselwort var erneut mit einer Variablen verwenden, die bereits deklariert wurde, und es wird keine Art von Fehler werfen. Auch wenn wir das VAR Schlüsselwort wieder verwendet haben, stoßen wir auf keine Art von Problem. Allerdings, wenn wir die lassen geheilt wieder für Gruß verwenden, werden wir eine Luft Sache zurückgeben. Das ist etwas, das die zeitliche Totzone nennt. Wenn Sie dieselbe Variable innerhalb derselben Funktion oder Blockbereich deklarieren, wird eine Syntaxluft ausgelöst. Betrachten wir nun den bemerkenswertesten Unterschied zwischen var und lassen Sie Funktionsbereich und Blöcke gehen. Wenn Sie neuerer Java-Skript sind und nicht klar sind, welcher Funktionsbereich ist, lassen Sie uns voran gehen und einen Code betrachten. Unsere Konsul Dot Log-Methode wird die Werte der Variablen Vorname zurückgeben, und dann verwenden wir eine Zeichenfolge von einem Leerzeichen. Und fügen Sie hinzu, dass der Wert des Nachnamens variabel sind. Der Vorname wird global deklariert, so werden protokolliert. Die Konsole wird in der Lage sein, es zu sehen und auf den Wert der Zeichenfolge zuzugreifen. Joe. jedoch Var Nachname von Smith istjedochnicht im globalen Bereich, sondern innerhalb des Bereichs der Funktion Nachname definiert , in der er deklariert wurde. Wenn wir also versucht haben, die Konsole zu protokollieren, kann der Wert des Nachnamens Weg es nicht sehen und wir erhalten einen Fehler. Der Nachname wurde nicht definiert. Sehen wir uns nun den Unterschied zwischen Funktion und Block an. Scoping das VAR Schlüsselwort ermöglicht es uns, funktionale Geltungsbereich zu verwenden. Das bedeutet, dass, wenn wir eine Variable deklarieren, sie zum globalen Bereich oder zum Umfang der Funktion gehören wird, in der sie deklariert wurde . Aber was passiert, wenn wir eine Variable innerhalb des Blockbereichs deklarieren, wie eine bedingte Anweisung oder eine switch-Anweisung? Schauen wir uns einen Code an. Wenn wir uns diesen Codeblock ansehen würden, der unsere Variablen mit unserem Schlüsselwort deklariert, was würden wir erwarten, dass wir uns beim Konsul anmelden? Da das VAR Schlüsselwort nicht in einer Funktion deklariert ist. Sowohl die Anzahl als auch mehr haben einen globalen Umfang. Dies bedeutet, dass unser Konsul Dot Log den Zählwert von vier begrenzt hat und ihn dem mehr Wert von eins hinzugefügt und sie zusammen addiert, um ein Ergebnis von fünf zu erhalten. Dies liegt daran, dass ihre globalen Variablen und unser Rat, dass Log-Methode sie beide sehen kann. Versuchen wir es noch einmal. Nun, schauen Sie sich jetzt einen ähnlichen Codeblock an. Als wir versuchten, das an unseren Konsul auszudrucken. Welche Ergebnisse werden wir bekommen? Der Code ist genau derselbe, außer innerhalb der Codeblöcke. Wir haben das let-Schlüsselwort. Das Ergebnis ist, dass wir eine Luft bekommen, die mehr nicht definiert ist. Eine schnelle Randnotiz. Wenn Sie in Ihrer Konsole folgen, müssen Sie sicherstellen, dass Sie Ihre Seite oder einen Konsul aktualisiert haben. Dot Log wird die Variable mehr erfassen, als Sie im vorherigen Beispiel mit dem VAR Schlüsselwort deklariert haben. Was führt die Verwendung der let-Anweisung dazu, dass die Variable mehr undefiniert ist? Da Variablen Funktionsbereiche sind und Let's Anweisungen Blöcke sind, die Bereich sind. Das bedeutet, dass, wenn die Konsul Dot Log-Methode nach diesen Variablen sucht, Zählung im globalen Bereich sieht. Aber es kann nicht mehr sehen, weil das let-Schlüsselwort, anders als das VAR Schlüsselwort, es im Blockbereich verbirgt, in dem es deklariert hat. Alles klar, das ist alles, was wir vorerst haben. Auf der let-Anweisung sehe ich dich im Labor, aber wir setzen das, was wir gelernt haben, in die Praxis 3. JavaScript in die Grundlagen – ES6: Lassen Statements Lab: Willkommen im Labor. Wir haben in unserer Lektion gelernt, dass lassen eine Alternative zu weit ist. In unserer nächsten Lektion lernen wir von einer anderen Alternative. Tovar namens CONST. Lead ist einzigartig und dass es den Blockbereich verwendet, da seine Variablen ihren Gültigkeitsbereich innerhalb des Blocks des Codes finden , der dort mit VAR deklariert ist, führt dazu, dass eine Variable ihren Geltungsbereich innerhalb der Funktion findet, in der sie erstellt wurde. Es gibt auch etwas, das die temporale Totzone genannt wird. Dies ist, wenn wir die gleiche Variable innerhalb derselben Funktion oder Blockbereich neu deklariert, und es wirft eine Syntaxluft. Und schließlich, wie Sie lernen, mit zu programmieren, Lassen Sie einen Hinweis darauf, dass Sie es in geeigneter Weise verwenden, ist, dass es dazu führt, dass Ihr Code für diejenigen, die nach Ihnen kommen oder mit Ihnen an einem Projekt arbeiten, einfacher zu verstehen ist. Und es sollte Ihren Code vorhersehbarer machen und ihn weniger fehlerhaft machen. Gehen wir voran und beginnen mit der Herausforderung. Ich möchte, dass Sie zwei Codestücke erstellen. Ich möchte, dass Sie demonstrieren, wie Variablen, die mit weit deklariert sind, eine gültige Ausgabe erstellen ohne die Konsole zurückzugeben und zu drängen, da sie den Blockbereich nicht nutzt. Dann möchte ich, dass Sie denselben Code ausführen, indem Sie die let-Anweisung verwenden, um zu zeigen, wie er zugreift. Block Scope, versteckt einen Wert davon, an den Konsul protokolliert zu werden, gibt uns eine Luft Ofen undefinierte Variable. Gehen Sie weiter und pausieren Sie das Video und geben Sie es einen Schuss. Wenn Sie bereit sind, fahren Sie mit dem Video fort und wir werden gemeinsam eine Lösung finden. Alles klar, wie geht's? Hoffentlich fühlte sich das wie eine Rezension aus unserer vorherigen Lektion an. Schauen wir uns ein mögliches Beispiel an, das zeigt, dass Blockbereich verwendet, während VAR globalen Bereich verwendet . Wir werden das VAR Schlüsselwort verwenden, um eine Variable A zu deklarieren und ihm Wert der Zahl vier Nun zuweisen , dann erstellen Sie eine if-Anweisung wird dem Ausdruck einen wahren Wert geben und geben Sie in den Codeblock . Und dort haben wir eine Variable B deklariert und ihr den Wert von fünf zugewiesen. jedoch Variable istjedochkeine lokale Variable. Es ist eine globale Variable. Wenn wir also die Konsul Dout Log-Methode verwenden, sucht es nach den Werten eines, die global ist. Also beschränkte es es und B, das global ist, also beschränkte es es auch und multipliziert sie zusammen. Es gibt uns einen Wert von 20. Lassen Sie uns nun die let-Anweisung anstelle des VAR Schlüsselworts innerhalb unserer bedingten Anweisung im Codeblock verwenden . Bevor Sie dies tun, möchten Sie jedoch Ihr Browserfenster aktualisieren. Andernfalls haben wir Zugriff auf unsere Variable. Sei es, dass wir mit unserem var Schlüsselwort im vorherigen Beispiel deklariert haben. Jetzt ist die Variable B nicht mehr eine globale Variable, wie es war, wenn wir das VAR Schlüsselwort verwenden. Es ist eine lokale Variable für den Codeblock, dass es innerhalb der uns Blockbereich deklariert wurde . Das bedeutet, wenn wir die konsul dot log-Methode verwenden, um den Wert von A zu multiplizieren , der vier ist, und dann den Wert von B multiplizieren, können wir nicht finden, weil es eine lokale Variable ist. Die Konsul Dot Log-Methode hat also keinen Zugriff darauf, und wir erhalten eine Luft. Schließen wir dieses Labor mit dem Code-Review ab. Wir werden zwei identische Codestücke mit Ausnahme der VAR haben, und lassen Sie uns Anweisungen beide beinhalten eine Funktion, die wir kennen. Die VAR-Anweisung erstellt Funktionsbereich, aber sie beide enthalten auch einen Codeblock, den die let-Anweisung uns auch Blockbereich geben wird . Gehen Sie weiter und überprüfen Sie jeden Abschnitt des Codes. Was werden wir bei der Konsole abmelden, wenn wir jedes Beispiel ausführen? Was werden die beiden Werte von X sein, die jede Funktion zurückgibt? Gehen Sie weiter und pausieren Sie das Video und schauen Sie sich den Code an. Ein guter Weg, um Ihrem Gehirn wirklich zu helfen, den Code zu engagieren, ist die Rede eine Zeile für Zeile durch das, was Sie sehen, passiert und auch, um es selbst zu tippen. Wenn Sie bereit für die Antwort sind, gehen Sie weiter und setzen Sie das Video fort. Schauen wir uns zuerst die VAR-Testfunktion an. Es ist Zeichen Werte für X von eins und lassen Sie uns durch unseren Code sprechen. Wir haben eine Funktion namens var test. Wenn wir diese Funktion aufrufen, geben wir in den Codeblock ein und wir haben unser X und wir haben ihm einen Wert von einem zugewiesen, Umfang nicht global ist, aber es ist auf die Funktion unseres Tests beschränkt. Wir haben dann eine bedingte if-Anweisung, die Bedingung wahr ist. Also gehen wir in den Codeblock. Wir haben unser X gleich zwei. Denken Sie daran, dass die zeitliche Totzone keine Scheidungsaussagen anwendet. Sie können sich wiederholen, sind ex innerhalb. Der Coe-Block hat tatsächlich den gleichen Umfang wie unser vorheriges X mit einem Umfang unserer Funktion unseres Tests. In dieser Funktion wurde der Bereich X mit dem ursprünglich einen Son-Wert von eins ein neuer Wert von zwei neu zugewiesen. Wenn wir den Wert von X beim Konsul protokollieren, wird es diesen aktualisierten Wert von X nehmen. Wir verlassen den bedingten Anweisungscodeblock und laufen in eine andere Konsul Dot Log-Methode auf der Suche nach dem Wert von X, weil der Wert nicht geändert hat und beide Exes existierten innerhalb desselben Bereichs. Ex bleibt bei einem Wert von zwei. Mal sehen, wie sich das in unserer nächsten Funktion unterscheidet. Stellen Sie sicher, dass Sie den Browser aktualisieren, bevor Sie diesen Mantel eingeben. Wenn wir unsere Funktion aufrufen, haben wir die Werte von zwei und eins zurückgegeben. Warum? Was haben wir anders gemacht? Lassen Sie uns dies ein wenig schneller durchlaufen, aber verlangsamen wir den Unterschied, rufen wir unsere Funktion auf, um mit der Eingabe des Codeblocks zu beginnen. Hier haben wir die let-Anweisung, die eine Zehe X zuweist. Es ist nun auf die Funktion beschränkt. Lassen Sie Test als nächstes ist unsere bedingte Aussage. Stattdessen haben wir einen Codeblock, wir haben eine andere Let's Anweisung aufsteigend zu Toe X. Es ist lokaler Bereich ist nicht die Funktion. Lassen Sie seinen lokalen Umfang testen? Ist die block-Anweisung, in der sie deklariert wird. Deshalb gilt die zeitliche Totzone nicht. Es hat einen anderen Anwendungsbereich. Unsere nächste Codezeile ist ein Konsul Dot Log mit dem Wert von X, dem in diesem Code Block X der Wert zwei zugewiesen wurde. Wenn wir die bedingte Anweisung verlassen und in eine andere Konsul Dot Log-Methode laufen , die den Wert von X an den Konsul ausdrucken möchte, hat es keinen Zugriff auf das X innerhalb des Co-Blocks. Aufgrund der let-Anweisung, Dies gibt es Blockbereich. Die Konsul Dot Log-Methode kann also nur das X mit dem Wert eines Bereichs für die let-Test-Funktion sehen . Alles klar, das ist alles, was wir vorerst haben. Vielen Dank, dass Sie mich in diesem Labor für einen Blick auf die let-Anweisung in Aktion 4. JavaScript in die Grundlagen – ES6: Const: Alles klar, willkommen zurück in Java. Skripte die Grundlagen In dieser Lektion werden wir uns die konstante Aussage ansehen. Was erklärt die Const acht Minze? Die Const erstellt einen Wert, der eine Lesezugriff auf Lee-Referenz ist. Es kann entweder global oder lokal für die Funktion oder den Block sein, in dem es deklariert ist. Sein Wert muss initialisiert werden, wenn er deklariert wird, da Sie den Verweis oder das Literal, das ihm zugewiesen ist, nicht ändern können. Lassen Sie uns schnell Const mit let und Bar Const vergleichen. Hat mehr gemeinsam mit Let Van var sowohl const als auch lassen Sie unseren Block umfaßt, während var Funktion Bereich ist . Sowohl const als auch let unterliegen der temporalen Totzone, wie wir die letzte Lektion besprochen haben. Während var nicht ist, unterscheidet sich const von let und var, in denen Werte neu zugewiesen werden können. CONST wird nur durch Design gelesen. Was also auffallen sollte, ist, dass es am besten geeignet wäre, Const in einer Situation zu verwenden , in der Sie nicht wollten, dass der Wert einer Variablen verändert werden kann. Lassen Sie uns ins Labor gehen, um eine schnelle Demonstration zu sehen, wann Sie const in Ihrem Mantel deklarieren möchten . Nehmen wir an, Sie möchten einen A P I Schlüssel in Ihre Datei speichern. Traditionell, als Sie Variable auf diese Weise in allen Großbuchstaben deklariert sahen, war es die Programmiererart, anderen menschlichen Augen zu sagen, dass dieser Code nicht geändert werden sollte . jedoch Es könntejedochimmer noch geändert werden. Lassen Sie uns das jetzt tun, um zu demonstrieren, genau wie wir es mit jedem anderen unserer Keywords tun können. Const lässt jedoch nicht zu, dass das passiert. Lass uns das nochmal machen. Aber mit der konstanten Anweisung anstelle unserer erhalten wir eine UNCACKE-Luftzuordnung zur konstanten Variablen. Jetzt haben wir bereits erwähnt, die temporale tote Zone, die uns nicht wieder eine konstante Variable deklarieren lässt, wie wir mit gesehen haben, dass wir einen ungefangenen Typ Luft identifizieren Luft A wurde bereits deklariert, Jedoch mit dem, was wir konnten Ändern Sie die Referenz oder das Literal, das ihm zugewiesen wird, genauso wie wir können, wenn wir eine Variable mit dem var Schlüsselwort deklarieren. Wenn wir versuchen, das gleiche mit Const zu tun, werden wir eine Luft von ungefangenen Typ Luftzuordnung Konstante Variable erhalten. Also, wann verwenden wir const over let und var die beste Methode für die Verwendung von const, als wenn wir größere Stabilität in einer Variablen wollen . Vielen Dank, dass Sie sich mir bei diesem ersten Blick auf die Verwendung von Const angeschlossen haben. Wir sehen uns in der nächsten Lektion. 5. JavaScript in den Grundlagen – ES6: Template: in dieser Lektion, werden wir eine Vorlage suchen, Liberale und es sechs. Was ist eine Vorlage, wörtlich? Hier ist eine lange Definition, die wir durch den Rest der Unterrichtsvorlage aufschlüsseln werden. Liberale sind von dem hinteren Häkchen eingeschlossen. Es ist diese Schaltfläche direkt über der Tab-Taste in der oberen linken Ecke. Nach der Tastatur haben sie die einfachen oder doppelten Anführungszeichen ersetzt, die normalerweise in Stärken verwendet werden, die Platzhalter enthalten können . Platzhalter werden durch das Dollarzeichen und geschweifte Klammern angezeigt. Die Ausdrücke in den Platzhaltern, einschließlich des dazwischen enthaltenen Textes, werden an eine Funktion übergeben. Die Teile können durch die Standardfunktion in eine einzelne Zeichenfolge koffeiniert werden. In Ordnung, das war eine langwierige Definition. Aber es ist wirklich einfach, Ihre auf Ihren Code anzuwenden und schnell die Vorteile zuerst zu sehen. Schauen wir uns an, wie wir neue Linien mit E S 6 gegen E S 5 machen können 6 gegen E und er ist fünf. Angenommen, wir hätten diese Codezeile. Wir haben eine Variable namens Satz deklariert und ihm den Wert einer Zeichenfolge zugewiesen. Nach dem Wort Rob drücken wir die Return-Taste auf unserer Tastatur bewegen sich zu einer neuen Zeile. jedoch Wenn die JavaScript-Engine esjedochinterpretiert und wir den Konsul oder die Ergebnisse protokolliert. Wir haben die ganze Saite in einer Zeile. Auch wenn wir auf die Rückkehr drücken und zu einer neuen Zeile in unserem Texteditor oder Konsul gingen, würden wir diese neue Zeile nicht bekommen. Um diese neue Zeile zu erhalten, müssten wir unseren Code ändern. Auf das hier. Wir haben den Backslash Escape-Klausel und den Buchstaben N hinzugefügt, um unseren Interpreter wissen zu lassen, dass wir eine neue Zeile wollten. Das Ergebnis ist, dass wir bekommen, was wir gesucht haben. Allerdings Vorlagenliberalen und E. lassen uns die Vorlagenliberalen und E. S sechs dies auf andere Weise erreichen. Lassen Sie uns dies in ein Template-Literal ändern. Anstelle der einfachen oder doppelten Anführungszeichen verwenden wir einen hinteren Tick Toe offen und schließen Was wir wollen Unsere Zeichenfolge unser Java-Skript-Interpreter sein , berücksichtigt dann die neue Zeile, zu der wir gingen, wenn wir zurückkehren. Das Ergebnis sieht genauso aus wie das, was wir eingegeben haben. Nein, hintere Schrägstrich ist keine Sonderzeichen. Nun, das war intuitiver und erspart uns einige Schritte. Es reduziert wirklich nur den hinteren Schrägstrich Escape-Zeichen am Buchstabenende. Schauen wir uns eine andere Möglichkeit an, dass Template-Liberale uns noch mehr in Syntax und Lesbarkeit helfen . Wir haben zu Pizza-Richtvariablen erklärt. Dann für eine Pizza Topping Variable. Wir wollen diese Variablen in eine Stärke bringen. Um dies zu tun, müssen wir viel Arbeit mit Abständen tun, indem wir Strings erstellen, um Leerzeichen zu berücksichtigen oder Platzmangel benötigt wird. Dies ist nicht sehr schön zu betrachten, und Sie mussten ständig über geeignete Abstände und Plus-Symbole nachdenken. Gehen wir voran und machen das in E s sechs. Wir werden die let-Anweisung verwenden und ihnen die gleichen Werte zuweisen. Wir könnten auch das Schlüsselwort var verwenden und die gleichen Ergebnisse erzeugen. In diesem Fall. Wir könnten auch diese einfachen Anführungszeichen in unseren Variablen in Backticks für das, was ich Ihnen zeigen werde , umwandeln. Aber das müssen wir nicht, also werden wir uns entscheiden, es nicht zu tun. Für den Moment, wie in unserem ersten Beispiel für unser Pizza-Topping, werden wir Backticks anstelle von einfachen oder doppelten Anführungszeichen verwenden. Dann schreiben wir unsere Zeichenfolge genau so aus, wie wir sie lesen wollen. Zum Einsetzen sind Platzhalter von Topping eins und Topping auch. Wir verwenden einfach das Dollarzeichen, dann Platz sind variabel innerhalb der öffnenden und geschweiften Klammern. Keine Verkettung, keine Pluszeichen. Keine Sorge, eine Zeichenfolge für Leerzeichen zwischen Wörtern oder eine Zeichenfolge für ein Satzzeichen zu erstellen . Einfach außer Start sind variabel mit einem Dollarzeichen, wenn es in geschweifte Klammern eingewickelt wird. Wir schreiben ihren Satz genauso wie auf Englisch. Schauen wir uns eine weitere Möglichkeit an, dass Vorlage, wörtlich vereinfachen Dinge In s sechs Angenommen in s fünf. Wir hatten ein Objekt mit Eigenschaftswert. Paris. Wir verwenden unsere Toppings eins und Toppings, auch, wie Eigenschaften und die gleichen Werte wie das letzte Mal. Innerhalb dieses Objekts möchten wir eine andere Eigenschaft haben, die einen Wert einer anonymen Funktion hat, um diese Eigenschaft aufzurufen . Zusätzlich zu dem, was wir in unserem vorherigen Beispiel getan haben, müssen wir das dieses Schlüsselwort verwenden Toe Zugriff auf sie. Wir könnten auch, in diesem Fall, verwenden Sie den Namen des Objekts Pizza Toe Zugriff auf die Eigenschaften von Topping eins und Topping auch. Das ist ziemlich viel Code und ein langwieriger Prozess. Nun schauen wir uns diesen Code noch einmal an. Was wir jetzt betrachten, wird es viel schmerzloser machen, zu tippen und zu lesen. Schauen wir uns die Eigenschaft Lieblingspizza an, die wir unsere Methode zugewiesen haben. Wir werden die Backticks anstelle von einfachen Anführungszeichen verwenden. Dann müssen wir uns keine Sorgen über die Verkettung mit dem Pluszeichen machen, Leerzeichen mit Strings oder Satzzeichen Zwick Strings erstellen. Wir werden einfach das Dollarzeichen und geschweifte Klammern verwenden und einfügen sind Platzhalter von Topping eins und Topping, auch. Und die Ergebnisse sind die gleichen. Alles klar, tut alles, was wir für jetzt in dieser Lektion haben. Wir sehen uns als Nächstes im Labor, wo wir das Gelernte in die Praxis umsetzen. 6. JavaScript in die Grundlagen – ES6: -: in dieser Laborsitzung werden wir Template Liberalen und es sechs Vorlage zu überprüfen. Liberale sind eine neue Funktion in ES six, um ihm die Arbeit mit Strings und String-Templates zu erleichtern. Sie wickeln Text und Backticks statt die übereinstimmenden einfachen oder doppelten Anführungszeichen, die wir in der Vergangenheit verwendet hatten . Wenn Sie mit Strings arbeiten, können Sie auf diese Weise Variablen mit einem Dollarzeichen und geschweiften Klammern interpolieren. Sie können auch spät jede Art von Ausdruck interpretieren, nicht nur Variablen. Vorlagenliberale können auch mehrzeilig sein, und Sie können rohe Vorlagen erstellen, die keine umgekehrten Schrägstriche interpretieren, ebenso einfache und doppelte Anführungszeichen, die bei der Arbeit mit Stärken verwendet werden. In Ordnung, lasst uns weitermachen und mit unserer ersten Herausforderung beginnen. Lassen Sie uns eine Multi-Löwen-Saite implementieren. Das erste, was ich möchte, dass Sie tun, ist eine mehrzeilige Zeichenfolge zu erstellen. Es kann eine lange oder eine kurze sein, wie Sie wollen, solange es zwei Zeilen dauert. Ich möchte zuerst, dass Sie eine erstellen, indem Sie übereinstimmende einfache oder doppelte Anführungszeichen als E s fünf verwenden. Als nächstes möchte ich, dass Sie das Template-Literal für dieselbe Zeichenfolge implementieren, um die gleichen Ergebnisse mit der 6-Methode R. E s zu erhalten mit der 6-Methode R. . Gehen Sie voran und pausieren Sie das Video und wenn Sie fertig sind, kommen wieder zusammen, um eine mögliche Lösung zu suchen. Ordnung, Hoffentlich hat das nicht zu lange in E s 51 gedauert, so dass wir eine mehrzeilige Zeichenfolge erstellen könnten , ist einfach, einen umgekehrten Schrägstrich Escape-Zeichen gefolgt von einem Ende zu setzen, wo wir eine neue Zeile beginnen möchten . Ich musste auch den umgekehrten Schrägstrich nach dem I hinzufügen, weil wir unseren Text und einfache Anführungszeichen umschlossen und einen Fehler ausgelöst hätten, wenn wir es nicht in E s sechs getan hätten. Wir könnten das gleiche Ergebnis viel einfacher produzieren. Wir haben gerade die übereinstimmenden einfachen Anführungszeichen durch Backticks ersetzt. Und wir müssen uns nicht mit dem Backslash-Escape-Zeichen am Buchstabenende befassen, um eine neue Zeile zu beginnen . Wir müssen uns auch keine Sorgen um den umgekehrten Schrägstrich in der Kontraktion machen. Ich bin viel sauberer und sehr einfach zu schreiben. Nein, lassen Sie uns die Zeichenfolgeninterpolation überprüfen. Ich werde ein paar Variablen erstellen, wird ein variables Getränk und den Sohn des Wertes von Kaffee, ein variables Essenerstellen ein variables Essen und ihm den String Donut und die variable Zeit mit dem Wert der Zeichenfolge zuweisen. Morgen. Ich möchte, dass Sie die Methode „Ja fünf“ verwenden, um diese Variablen in eine normale Stärke einzubetten . Danach möchte ich, dass Sie die gleichen Ausdrücke mit der es Six Syntax von Template-Liberalen implementieren , die wir gerade in beiden Implementierungen gelernt haben. Stellen Sie sicher, dass Ihr Satz ein einzelnes und ein Paar doppelter Anführungszeichen innerhalb Ihres Satzes und eine entsprechende Satzzspitze enthält . Beenden Sie Ihre Strafe. Das bedeutet? Lassen Sie Ihre Strafe mindestens eine Kontraktion enthalten, wie ich bin und ein Zitat wie John sagte Zitat Guten Morgen, unzitiert. Gehen Sie voran und pausieren Sie das Video und geben Sie es einen Schuss, wenn Sie fertig sind, kommen zusammen und schauen Sie sich eine mögliche Lösung. Na gut, gehen wir weiter und schauen uns eine mögliche Lösung an. Mit S fünf und s sechs mit s fünf, wir könnten gesagt haben var mash up und ein Zeichen es den Wert der Zeichenfolge. John sagte Komma schloss dann die Zeichenfolge und benutzte das Additionszeichen, um toe zu beginnen, fügen Sie eine weitere Zeichenfolge mit einem einfachen Anführungszeichen hinzu und innerhalb dieser müssen doppelte Anführungszeichen für John verwenden , die mit einem Leerzeichen nach gut sprechen und unsere Zeichenfolge schließen. Dann fügen wir den Ausdruck Zeit, die Morgen ist, und dann fügen wir das zu einer anderen Zeichenfolge hinzu , in der wir John sprechendes Zitat schließen und unseren Satz fortsetzen, bis wir die Zeichenfolge wieder schließen müssen . Nach dem Raum nach dem Zischen, fügen wir dann den Ausdruck Getränk hinzu und fügen Sie das zu einer anderen Schnur mit einem Leerzeichen und aß sein Essen als ein Raum. Dann schließen wir unsere Schnur und fügen den Ausdruck für Essen hinzu , der Donut ist. Schließlich fügen wir eine weitere Zeichenfolge mit einem Periodenzehe hinzu. Beenden Sie den Satz anstrengend. Nein, lasst uns das mit E s sechs lösen. Ah, schnelle Rezension. Wie wir unsere Ausdrücke deklarieren, könnten sie einfache oder doppelte Anführungszeichen sein, wenn wir ihre Werte zuweisen, oder sie können in hinteren Ticks sein . Das spielt für die Interpolation keine Rolle. Die Syntax, die wir für ihre Variablen verwenden würden, ist in E. S sechs etwas komplizierter . Anstatt den Namen der Variablen auf Li wie Zeit, Trinken und Essen zu schreiben , wie wir es in unserem ersten Beispiel getan haben, haben wir zuerst das Dollarzeichen verwendet dann den Ausdruck mit geschweiften Klammern umwickelt. Es ist ein bisschen mehr als zuvor, aber wir sind dabei zu sehen, wie dramatisch, einfacher das ist. Wir öffneten uns mit dem Rücknehmen, dann fangen Sie an, unseren Text auszuschreiben, wie wir jeden normalen Satz würden. Wenn wir zu unserem ersten Ausdruck kommen, wickeln wir ihn mit geschweiften Klammern und initialisieren ihn mit einem Dollarzeichen, als unsere Zeichenfolge fortzusetzen Wenn wir zu unserer Getränkevariablen kommen, . initialisieren wir es mit dem Dollarzeichen und wickeln Getränk und lockige Klammern ein. Und dann setzen wir unsere Schnur fort und wiederholen schließlich den Prozess mit unserem Essen Ausdruck und beenden mit einer Periode. Schließen Sie es mit einem hinteren Häkchen ab. Keine Sorge um Räume. Darüber hinaus schreibt Operatoren viel glatter und liest viel einfacher. Alles klar, das ist alles, was wir haben. Zeit für jetzt in diesem Labor wird Sie in der nächsten Lektion sehen. 7. JavaScript in die Grundlagen – ES6: Arrow: In Ordnung. Willkommen zurück bei Java. Die Grundlagen in dieser Lektion wurden gestrichen. Wir werden uns die Pfeilfunktionen ansehen. Was ist eine Pfeilfunktion und es sechs Pfeilfunktionen, auch fette Aero-Funktionen genannt sind prägnanter Syntax zum Schreiben von Funktionsausdrücken, sie verwenden ein neues Token, das wie ein fette Aargh aussieht. Aargh! Funktionen sind anonym und haben die Art und Weise verändert, wie dies bindet und funktioniert. Lassen Sie uns beginnen, indem wir einen Funktionsausdruck betrachten, wie wir sie kennen, ein E s fünf und wie die Syntax ts sechs vergleicht und fette Pfeilfunktionen sind. Und er ist fünf. In diesem Fall haben wir einen Funktionsausdruck. Wir haben eine Variable namens ES five funk deklariert, und wir haben ihr den Wert einer anonymen Funktion zugewiesen, um die direkten Ähnlichkeiten und Unterschiede zu sehen . Ich werde diese ganze Funktion auf eine Zeile stellen. Diese anonyme Funktion hat keine Parameter und die Klammern, und dann gehen wir in einen Codeblock. In diesem Codeblock verwenden wir das Rückgabe-Schlüsselwort, um den Wert von zwei zurückzugeben. nun eine Möglichkeit an, Sehen wir unsnun eine Möglichkeit an,Aero-Funktionen zu schreiben und es sechs. Lassen Sie uns ein paar Beobachtungen machen. Zuallererst ist es ein bisschen weniger Code. Das zweite, was wir bemerken, ist, dass das Funktionsschlüsselwort verschwunden ist. Für einige mag dies für jemanden, der mit unserem Code arbeitet, ein Mangel an Lesbarkeit erscheinen. Was dies etablieren wird, ist eine Funktion für das Java-Skript. Interpreter ist das Gleichheitszeichen und die Größer-als-Klammer. Dies wird als fette Aero bezeichnet und lässt uns wissen, dass wir mit einer E s sechs Pfeilfunktion arbeiten . Ich bemerkte auch die Klammern in der Gleichung. Es gibt Zeiten, in denen Sie auch die Klammern nicht verwenden können. In diesem Fall hat es keinen Parameter. Also die Terroristen in der Steuer in diesem Fall erfordert es. Dann haben wir die Nummer zwei. Es gibt keine öffnenden und schließenden geschweiften Klammern. Wir werden über Szenarien sprechen, in denen wir sie noch verwenden können. jedoch Wenn siejedochfehlen, sie den folgenden Wert nicht angenehm zurück. Wir müssen das Rückgabe-Schlüsselwort nicht eingeben. jedoch Wenn wirjedochgeschweifte Klammern um das to verwenden würden, müssten wir die return-Anweisung verwenden, um den Wert von zwei zurückzugeben. Gehen wir weiter und verbringen den Rest dieser Lektion mit Blick auf einige der Möglichkeiten, wie wir Aero-Funktionen schreiben können und es sechs. Möglicherweise haben Sie einen bevorzugten Weg, den Sie schnell übernehmen, aber das Bewusstsein für die verschiedenen Möglichkeiten wird Ihnen helfen, mit dem Code anderer zu interagieren . Schauen wir uns ein paar verschiedene Möglichkeiten der Verwendung von Pfeilfunktionen an. Mit einem Parameter werden wir eine Variable namens cubed mit der let-Anweisung deklarieren. Wir hätten dies auch mit dem VAR Schlüsselwort tun können. In unserem ersten Beispiel verwenden wir keine Klammern für den Parameter, da es nur einen Parameter und Pfeilfunktionen gibt . Wir können uns entscheiden, diesen Code nicht hinzuzufügen. Wir haben dann unseren fetten Pfeil, gefolgt von unserem Parameter multipliziert mit sich selbst dreimal. Da es keine geschweiften Klammern oder Codeblock gibt, wir implizit den Wert zurück und müssen die return-Anweisung nicht verwenden. In unserem zweiten Beispiel verwenden wir auch nicht die Klammern. Aber weil wir einen Codeblock verwenden, wie durch die geschweiften Klammern bezeichnet, müssen wir eine return-Anweisung verwenden. Wenn wir den Wert und unsere nächsten beiden Beispiele zurückgeben wollen, zeigen wir, dass wir unsere Parameter und Klammern setzen können, wie wir daran gewöhnt sind, dass einige Leute dies als Best Practice betrachten, um mehr Einheitlichkeit in unserem Code zu gewinnen, wenn wir mehrere Parameter. Danach haben wir fette Pfeile und einen fehlenden Codeblock mit einer impliziten Rückkehr, dann einen anderen mit einem Codeblock und einer expliziten Rückkehr. So haben wir in unserem ersten Beispiel gesehen, dass ohne Parameter die Klammern erforderlich sind. In unserem zweiten. Wir sahen, dass es optional auf Lee mit einem Parameter. Nun schauen wir uns an, was unsere Sünde Steuern für zwei Parameter. Wir werden damit beginnen, eine variable Anzeige mit ihrer Let's Anweisung zu deklarieren. Nun, dann ein Zeichen unserer Funktion mit zwei Parametern zu unserer variablen Anzeige. Wenn Sie in beiden Beispielen bemerken, arbeiten der prägnante Körper und der Blockkörper, wie wir in früheren Beispielen gelernt haben, und die Parameter in diesem Fall müssen Klammern um sie herum haben. Wenn es zwei oder mehr Parameter gibt, wie unser erstes Beispiel für keine Parameter, in denen wir Klammern benötigt haben, finden wir die gleiche Anforderung für zwei oder mehr Parameter. Alles klar, das ist alles, was wir haben. Für den Moment. Wir sehen uns im Labor, wo wir das Gelernte in die Praxis umsetzen 8. JavaScript in die Grundlagen – ES6: Arrow Lab: in diesem Labor. Wir werden das, was wir über Aero-Funktionen gelernt haben, in die Praxis umsetzen. In unserer Lektion haben wir gesehen, wie Pfeilfunktionen eine kürzere Syntax haben. Das sind alle anonyme Funktionen. Sie verwenden nicht die Funktion geheilt Klammern sind mit Null oder zwei oder mehr Parametern erforderlich , während sie für nur einen Parameter optional sind ero Funktionen können auch eine prägnante Körpersyntax mit einer impliziten Rückgabe oder einer Blockkörper-Syntax haben , , in dem eine explizite Return-Anweisung erforderlich ist. Beginnen wir unser Labor mit einer Funktion, wie wir sie kannten. In S fünf haben wir die variable Funk eins und sonnten sich auf den Wert einer anonymen Funktion. Wenn wir unsere Funktion aufrufen, geben wir den Wert des Strings hoch zurück. Für eine erste Herausforderung möchte ich, dass Sie diese eine ES-Sechs-Pfeilfunktionssyntax direkt aus der Pfeilfunktion mit Beispielen für den prägnanten Körper und die Blockkörperoptionen neu schreiben . Gehen Sie weiter und pausieren Sie das Video und finden Sie die Lösung. Und wenn Sie bereit sind, fortzufahren, drücken Sie die Wiedergabetaste. Okay, mal sehen, wie sich diese in e s sechs herausstellten Syntax wird eine Variable namens Funk zu und den Sohn des Wertes eines Pfeilfunktionsausdrucks deklarieren . Da es keine Parameter gibt, müssen wir eine Reihe von leeren Klammern haben. Dann haben wir unsere fette Pfeilfunktion. Dies wird von einem prägnanten Körper gefolgt, in dem wir keine geschweiften Klammern verwenden, so dass wir eine implizite Rückkehr des Wertes der Zeichenfolge high haben. Wir haben eine Reihe von leeren Klammern, gefolgt von einem fetten Pfeil mit einem Blockkörper. Da wir mit dem Blockkörper gegangen sind, müssen wir eine explizite return-Anweisung verwenden, um den Wert der Zeichenfolge high zurückzugeben. Als nächstes möchte ich, dass Sie zwei weitere Pfeilfunktionen mit der ES sex-Syntax für eine von ihnen erstellen. Verwenden Sie keine Parameter. Und für den anderen möchte ich, dass Sie zwei oder mehr Parameter für jeden verwenden. Sie können entweder den prägnanten oder den Blockkörper verwenden. Fahren Sie fort und pausieren Sie das Video Wenn Sie bereit sind, sich die möglichen Lösungen anzusehen, setzen Sie das Video fort. Schauen wir uns einige mögliche Lösungen an. Dies war eine offene Frage, also sind die Chancen, dass meine Lösung etwas anders aussehen wird als Ihre. Hier ist ein Beispiel für Null-Parameter. Dieser Funktionsname hat Null-Parameter, daher müssen wir Klammern verwenden. Lassen Sie uns also voran gehen und schauen Sie sich die ES 6-Version an. Diese Funktion, Ausdruck Name und er s sechs hat Null-Parameter. Also müssen wir die Klammern verwenden. Wir haben dann einen prägnanten Körper, in dem wir eine implizite Rückkehr haben. Nun für ein nächstes Problem mit zwei oder mehr Parametern haben wir Variablen von X und y. Wir verwenden das Schlüsselwort var, aber wir hätten auch das Schlüsselwort let verwenden können, da es zwei oder mehr Parameter gibt. Wir müssen sie in Klammern setzen. Wir haben dann die fette Pfeilfunktion. Ich benutze einen prägnanten Körper ohne die geschweiften Klammern, um implizit den Wert des Produkts von X und yzurückzugeben des Produkts von X und y , . Wir werden uns die Kartenfunktion, Syntax und ja, fünf ansehen Syntax und ja, und es ts sechs konvertieren. Lassen Sie uns voran gehen und schauen Sie sich die S-5-Implementierung an. Jetzt können Sie oder vielleicht nicht mit der Kartenmethode und JavaScript an dieser Stelle vertraut sein, wenn Sie ein neuer Entwickler sind, werden wir uns die Kartenmethode ansehen, die etwas ist, das wir in der funktionalen Programmierung Abschnitt unseres Kurses im Allgemeinen, die Kartenfunktion. Aber wir haben jedes Element des Arrays als Argument an den Parameter übergeben, den wir mit dem variablen Ende angegeben haben . Wir führen dann diese Funktion von n mal n aus und transformieren jedes Element im Array. Zuerst haben wir zwei als Argument an unsere Funktion übergeben, die sich zweimal multiplizieren, um sie in vier zu verwandeln . Dann übergaben wir vier als Argument an unsere Funktion, multiplizierten sie viermal, transformierten sie in 16 und so weiter. Wenn wir den Rest der Elemente in unserem Array transformieren, sollten Sie an dieser Stelle genug wissen, um dies in das E s 6-Format zu konvertieren. Selbst wenn Sie noch neu in der Map-Methode sind, lassen Sie uns fortfahren und einen Funktionsausdruck mit der Pfeilfunktion erstellen. Syntax wird Name sind Variable, und sein Zeichen es. Der Wert von Zahlen ist variabel. Das enthält dort, Ray. Wir werden wollen, dass sich unsere Kartenfunktion transformiert. So wie er fünf ist, in dem wir diese Funktion als Argument übergeben, um innerhalb seiner Klammern zu mappen, werden wir Klammern haben, die wir für die Map-Funktion füllen. Und ja, sechs. Innerhalb, Wie in allen unseren Pfeilfunktionsfällen benötigen wir nicht das Funktionsschlüsselwort für unser Parameterende, das jedes Element des Arrays darstellt , da es sich auf Lee jeweils um ein Element als Argument handelt, und wir haben nur einen Parameter. Wir brauchen es nicht in Klammern zu haben, obwohl das akzeptabel gewesen wäre. Wir haben dann einen prägnanten Körper und der den aktuellen Elementwert von sich selbst multipliziert. Und es transformiert dieses Element im Array. Und die Ergebnisse sind die gleichen. Alles klar, danke, dass du mit mir einen Blick auf die Pfeilfunktionen geworfen hast und wir sehen uns in der nächsten Lektion. 9. JavaScript in die Grundlagen – ES6: Ausbreitung: Willkommen zurück zu Java-Skript, Die Grundlagen und diese Lektion. Wir werden uns den Spread-Operator ansehen. Was ist der Spread-Operator? Laut Toa NDN, dem Mozilla Developer Network, ermöglicht der Spread-Operator einen Ausdruck an Orten erweitert werden, wo mehrere Argumente für Funktionsaufrufe oder mehrere Elemente für einen ray, literal oder mehrere Variablen für die Strukturierung Zuordnung erwartet werden. Lassen Sie uns also fortfahren und den Rest dieser Lektion damit verbringen, diese Definition und Aktion des Spread-Operators zu veranschaulichen . Wenn Sie neu in JavaScript sind, dann wird dies nicht die gleiche Vertrautheit tragen, die wir Const gesehen haben. Und lassen Sie Kopf mit var oder aero-Funktionen hatten mit Funktionen oder Template Liberale mit Strings hatten . Das ist etwas Neues. zuerst Schauen wir unszuerstdie Syntax an. Drei Punkte werden verwendet, um dem Java-Skript-Interpreter mitzuteilen, dass Sie den Spread-Operator verwenden . Sehen wir uns nun einige Dinge an, die den Operator mit einem Array verbreiten. zuerst Schauen wir unszuerstein Array an. Wir nennen es Buchstaben und einen Sohn auf dem Wert eines Arrays mit den Elementen, die die Strings von A B und C enthalten . Nun, wenn wir uns den Wert von Buchstaben betrachten, gibt es in Array zurück, bestehend aus dem Elemente A, B und C. Das ist es, was wir erwarten würden. Keine Überraschung. Lassen Sie uns nun den Spread-Operator in das Konsul Dot Log setzen. Es gibt die Werte der Strings A, B und C einzeln und nicht Teil eines Arrays. Es breitet sie aus, und dies ist das Äquivalent der Eingabe in, ohne als Array gruppiert zu werden. Der Spread-Operator kann auch beim Bau eines Rennens verwendet werden. Schauen wir uns zunächst einen E s fünf Ansatz für den Bau eines Rennens an. Nehmen wir an, dass wir zu einem Rennen sind variabel. Alfa hält das erste Array der Saiten A, B und C unsere zweite Variable. Wette, wir halten unser zweites Array mit den String-Elementen D, E und F zuvor ein E s 51 Weg, dass wir diese zu einem Rennen zusammen hinzufügen könnten wäre, die Dose cat Methode zu verwenden . Die Can Cat Methode wird verwendet, um zwei oder mehr Erase zu verbinden. Diese Methode ändert nicht die vorhandenen Arrays, sondern gibt ein neues Array, das die Werte des Gelenks ein Rennen enthält. Also verwenden wir die Can Cap-Methode auf Alfa Array und übergeben sie. Das Argument der Array-Wette. Das Ergebnis ist A, B, C, D, E und F in einem Array. Schauen wir uns einen Weg an, in dem er s sechs lässt uns den Spread-Operator verwenden, um dies auf eine bequemere Weise zu tun . Stellen wir uns vor, wir fangen mit einem sauberen Schlaf an. Wenn Sie in Ihrem Browser folgen, achten Sie darauf, eine Aktualisierung durchzuführen, da die let Anweisung sich mit der temporalen toten Zone befasst, die wir in früheren Lektionen besprochen haben , eine variable Wette und ein Zeichen in einem Array mit den Elementen der String D E und F. Weiter wird eine Variable namens Alphabet erklären, um es ein Array mit den Elementen zu signieren, die aus den Strings A, B und C bestehen . Dann werden wir den Spread-Operator mit den drei Punkten verwenden und dann die variable Wette, dass enthält den Wert des Arrays, das wir oben erstellt haben. Und das Ergebnis ist das gleiche wie unser ES 55-Ansatz, aber mit einer viel einfacheren Syntax. Jetzt schauen wir uns einen anderen Weg an. Der Spread-Operator hilft uns mit Funktionen. Der Spread-Operator ermöglicht es Ihnen, die Werte eines Arrays so zu verteilen, als ob es sich um Argumente handelt. Lassen Sie uns voran gehen und zwei Variablen deklarieren, die die Werte des Arrays enthalten. Das erste Array enthält die Werte von 12 und drei. Das zweite Array enthält die Werte 24 und sechs. Nehmen wir an, dass wir eine Funktion namens Produkt von drei haben. Wir werden unserer Funktion drei Parameter geben. Wenn wir in unseren Co-Block eintreten, werden wir das Produkt dieser drei Werte finden wollen. Nun, dann geloggt. Das Ergebnis für den Konsul hier ist, wie wir die Ergebnisse, die wir in E s fünf wollten, finden könnten. Wir nennen unser Funktionsprodukt von drei und wurden an sie weitergegeben. Drei Argumente zum Ausfüllen der Werte für Parameter für die Funktion. Um dies zu tun, benannten wir das Array und den Index des Wertes aus diesem Array, den wir als unser Argument verwenden möchten , um in das Array zu stecken. Also jedes Mal, wenn wir das Array und den Index des Elements benannten. Verwenden wir nun den ES six Spread-Operator, um dasselbe zu tun. Ich werde das Produkt von drei Funktionen geschmiedet drei Parameter nennen, die versuchten zu füllen . Wir werden den Spread-Operator durch die drei Punkte angezeigt, gefolgt von dem Namen des Arrays, dessen Elemente wir als Argumente verwenden möchten und eine Funktion sind. Einer wird an eine zwei übergeben werden, um zu sein und drei übergeben werden, um zu sehen, wenn wir unsere Funktion aufrufen. Mit dem Spread-Operator auf unseren beiden Arrays erhalten wir die gleichen Ergebnisse mit einem viel weniger umständlich Prozess. Wir mussten Neymar Ray nicht dreimal voll über den Index jedes Elements im Array . Es gibt viel mehr, was wir mit dem Spread-Operator tun können, aber jetzt gehen wir ins Labor und setzen das Gelernte in die Praxis um. 10. JavaScript in die Grundlagen – ES6: Ausbreitung von Operator Lab: in diesem Labor werden wir unsere Spread-Operator-Lektion überprüfen. Dieser Operator ist mit drei Punkten in einer Reihe gekennzeichnet. Wir haben gesehen, dass der Spread-Operator verwendet werden kann, um die Elemente in einem Array zu verteilen. Es kann verwendet werden, um ein Array zu konstruieren, und der Spread-Operator kann verwendet werden, um Argumente in eine Funktion zu übergeben. Lassen Sie uns also voran gehen und schauen Sie sich den Spread-Operator an und setzen Sie ihn zu verwenden. zunächst Lassen Sie unszunächstvoran gehen und veranschaulichen, wie verbreitet werden. Operator öffnet die Elemente innerhalb eines Arrays gut, zuerst protokolliert die Werte unserer Namen Array an den Konsul zurückgegeben den Wert des Arrays. Und dann, wenn wir den Spread-Operator auf ihrem Weg verwenden, gibt er die Elemente einzeln zurück. dem Spread-Operator sieht es eher so aus, als würden Sie einzelne Zeichenfolgen als Parameter an die Konsul Dot Log-Methode übergeben . In Ordnung jetzt, damit fertig, lasst uns beginnen, einige praktische Implementierungen der Verbreitung zu betrachten. Operator wird mit der Herausforderung beginnen, basierend auf dem, was wir in der Lektion gelernt haben. Gehen Sie voran und erstellen Sie eine Gehaltserhöhung, wenn Sie das getan haben. Und er hat fünf diese beiden Arrays in ein Array gedreht und dann den Prozess neu erstellt. Verwenden des ES-Sechs-Betreiberansatzes. Gehen Sie weiter und pausieren Sie das Video und geben Sie es einen Schuss. Wenn Sie bereit sind, kommen zusammen und sehen Sie eine mögliche Lösung. Na gut, gehen wir weiter und schauen uns eine mögliche Lösung an. Mit E s fünf Implementierung wird eine Variable namens es fünf regen und ein Zeichen es den Wert eines Arrays deklarieren , das die Elemente enthält. Rot, Orange und Gelb deklarieren eine andere Variable namens Ja, fünf Bogen und ein Sohn der Werte eines Arrays enthielt die Elemente von grün blau und zu gehen und violett jetzt Zehe fügen sie zusammen und speichern sie zu einer Variablen. Mit dem S fünf Ansatz wird eine Variable namens es five rainbow deklariert und wir werden es den Wert des Array-regen signieren . Dann werden wir die comm cap Methode verwenden und an sie übergeben das Argument des Array-Bootes. Dies bringt sie in einem Array mit der Reihenfolge Rot, Orange, Gelb, Grün, Blau, Blau, Indigo und Violett zusammen. Alles klar, jetzt lasst uns das mit der ES six Methode machen, wir werden unsere es sechs bo deklarieren und ihm ein Array von grün, blau indigo und violett zuweisen , dann werden wir rechts in die Deklaration von R. E S six rainbow wird ihm den Wert zuweisen von rot, orange und gelb. Dann werden wir den Spread-Operator mit drei Punkten ausgedrückt als einfügen R. E s sechs Boot, und das Ergebnis ist das gleiche. Warum nicht einfach die Can Cap-Methode als S Five verwenden? Nun, es ist deine Wahl. Es ist teilweise syntaktischer Zucker, aber der Spread-Operator arbeitet auch an anderen schrecklichen Objekten, wie Karten. Verwenden Sie später und Sets. Es ist auch praktisch, wenn separate Werte in eine Funktion übergeben werden. Lassen Sie uns voran gehen und betrachten die Übergabe von Werten an eine Funktion jetzt. Hier ist Ihre Herausforderung. Ich möchte, dass Sie eine Funktion erstellen, die drei Parameter annehmen wird. Sie müssen dafür nicht die Pfeilfunktion verwenden, können aber bei regulärer ES fünf Syntax ihre Funktionen bleiben. Ich möchte dann, dass Sie an die Funktion ein Array mit drei Argumenten mit dem Spread-Operator übergeben , wie wir in unserer Lektion gesehen haben, und um dies ein wenig komplexer zu machen, gehen Sie vor und übergeben Sie sie an das Template-Literal, um eine Schnur aus ihnen heraus. Diese Herausforderung hat ein paar bewegliche Teile. Ich würde vorschlagen, dass Sie mindestens 15 bis 20 Minuten damit verbringen, es alleine zu lösen. Auch wenn Sie sich feststecken fühlen, gehen Sie zurück und schauen Sie sich vorherige Lektionen an. Wenn Sie ein wenig Unterstützung benötigen, oder suchen Sie den Spread-Operator oder Template-Strings auf Google, gehen Sie weiter und pausieren Sie das Video und geben Sie es, wenn Sie bereit sind, kommen wieder zusammen und finden Sie eine funktionierende Lösung. Alles klar, wie geht's. Lassen Sie uns voran und erstellen Sie unsere Strahl wird eine variable Array deklarieren und ihm die Werte der Elemente zuweisen . Ran Bad und schnell. Als nächstes lassen Sie uns weitermachen und eine Funktion namens Mad Lib erstellen. Wir geben ihm drei Parameter von Verb, Substantiv und Adjektiv innerhalb des Co-Blocks wird eine Rückgabe-Anweisung setzen, als mit einem Back-Tick beginnen , um unsere Vorlage zu beginnen. Literal Nun, dann, gleich aus dem Rest unserer Zeichenfolge, werden wir die Platzhalter-Syntax des Dollarzeichens verwenden und den variablen Ausdruck und geschweifte Klammern umschließen . Wir werden das für alle drei Parameter tun. Dann schließen wir unsere Vorlage mit einem Back-Häkchen aus. Jetzt ist das letzte, was wir Dio haben, der Spread-Operator verwendet, um die Elemente unseres Arrays als einzelne Elemente in unsere mad lib-Funktion zu übergeben . Das tun wir einfach, indem wir den Spread-Operator mit drei Punkten verwenden. Die Benennung, unser Array und das Ergebnis ist, dass ich auf die Toilette rannte und sich schnell hinsetzte. Dies führt zu den gleichen Ergebnissen, als hätten wir einzelne Argumente in unsere mad lib-Funktion übergeben , die uns verpflichtet hätte, unser Array und den Index jedes Elements für jedes Argument zu benennen , das wir an die mad lib-Funktion übergeben wollten. Alles klar, das ist alles, was wir vorerst haben. Danke, dass du dich mir angeschlossen hast. Wenn Sie sich den Spread-Operator ansehen, werden Sie in der nächsten Lektion sehen.