*UPDATED* JavaScript Complete Series 2023 – Teil 12: JavaScript-Funktionen

1. Kurseinführung: Willkommen, willkommen, begrüßen Sie meine Festplatte Kielce Studenten zu pflücken 12 und JavaScript-Serie. Und in dieser Handlung werden wir einen wichtigen Begriff diskutieren, wenn es um JavaScript geht. Und dieser Begriff ist Funktionen. Was sind Funktionen? Oder Funktionen ermöglichen es Ihnen, in ihren ganz einfachen Szenen Code immer wieder auszuführen, ohne den Code umzuschreiben. Wenn Sie zum Beispiel Buttons auf der Webseite registrieren müssen und wenn ein Benutzer auf eine Schaltfläche klickt, möchten Sie das Gleiche passieren. Sie möchten keinen Code duplizieren. Sie würden lieber einen Codeblock schnell innerhalb einer Funktion schreiben und diese Funktion jedes Mal ausführen, wenn auf die Schaltfläche Anmelden geklickt wird. Das ist nur ein Beispiel. Also, was werden wir in dieser speziellen Klasse abdecken? Wir werden darüber sprechen, was funktioniert aus. Wir werden uns den Unterschied zwischen Funktionsdeklarationen und Funktionsausdrücken ansehen. Wir werden uns die Bindung dieses Schlüsselworts in JavaScript ansehen. Wir werden uns die Pfeilsyntax ansehen. Wir werden sogar JavaScript-Funktionen in Volt betrachten, wie die mathematische Funktion, das wird super, super interessant sein. Also, wer ist dieser letzte Herbst? Die gute Nachricht ist, es ist für alle Ebenen. Wenn Sie ein erfahrener Entwickler sind, werden Sie sicher etwas Neues lernen, wenn Sie gerade anfangen. Nicht betonen, wissen Sie, mein Stil hat bereits die Grundlagen angefangen und ich zog es an und ich bekomme immer mehr Gedanken. Ich bin super, super aufgeregt. Ich kann es kaum erwarten, Sie in den allerersten Daten zu sehen. Adios. 2. Was ist eine Funktion?: Willkommen zum ersten Vortrag über Funktionen. Und wie wir die Richtungsanalogie gesehen haben, die ich Ihnen allen eine Funktion gegeben habe ist als Codeblock, den Sie später speichern und wiederverwenden können, wann immer Sie wollen. Und wie ich bereits erwähnt habe, sind Funktionen das Brot und Butter der Programmierung. Sie müssen wissen, wie man mit Funktionen umgeht, weil Sie nicht jedes Mal Code duplizieren möchten, wenn Sie eine sich wiederholende Aufgabe ausführen möchten. Was das bedeutet, ist, dass Sie eine Funktion einmal schreiben und Sie können sie so oft in der Zukunft verwenden. Und genau wie eine FYI auf der Seite, erinnern Sie sich an Semikolons, wir haben dies in einem Syntaxabschnitt getan. Im Allgemeinen werden Semikolons verwendet, um ausführbare JavaScript-Anweisungen zu trennen. Aber da eine Funktion keine ausführbare Anweisung ist, und damit meine ich nur, dass sie nicht automatisch ausgeführt wird. Sie müssen tatsächlich nennen, es wird das aufrufen, wir werden das in Kürze sehen. Und aus diesem Grund ist es nicht üblich, Funktionen mit einem Semikolon zu beenden, obwohl Sie manchmal sogar fangen, dass ich es versehentlich und andere Entwickler mache. Es ist also nicht das Ende der Welt, aber denken Sie daran, dass Sie eine Funktion nicht mit einem Semikolon beenden müssen. Und wie wir gerade gesagt haben, werden Funktionen nicht sofort ausgeführt, ist, dass Sie IFIS sofort aufgerufene Funktionsausdrücke erhalten, aber wir kommen jetzt nicht darauf ein. Im Allgemeinen werden Funktionen nicht sofort ausgeführt. Wie sieht eine Funktion aus? Wie schreiben wir es auf? Nun, zuerst müssen Sie JavaScript sagen, dass Sie eine Funktion erstellen. Wie machst du das? Nun, die einfache Antwort ist, dass wir nur das Funktionsschlüsselwort verwenden. Bevor ich jetzt weiter gehe, gibt es ein paar Möglichkeiten, wie Sie eine Funktion in JavaScript erstellen können. Wir werden sie ansehen. Aber egal, welche Art und Weise Sie verwenden, welche Methode Sie verwenden, um eine Funktion zu erstellen, diese allgemeinen Konzepte, die ich in unseren angewendet auf jede andere Methode lehre. Wenn Sie also verstehen, was ich Ihnen jetzt beilehre, können Sie dies auf jede Methode anwenden, um eine Funktion zu erstellen , und Sie werden es so viel schneller aufnehmen. Also hier werden wir nur eine Funktionsdeklaration verwenden. Um die Funktion zu deklarieren, haben wir die Funktion Schlüsselwort, groß, sonar JavaScript weiß, dass wir eine Funktion erstellen wollen. Aber Sie werden mir zustimmen, dass wir wahrscheinlich Hunderte, wenn nicht Tausende von Funktionen in unserer Anwendung erstellen wollen . Zum Beispiel möchte er eine Funktion erstellen, die Ihren Benutzer begrüßt, wenn er Ihre Seite betritt. Sie können eine andere Funktion erstellen, die bestimmt, ob er Mitglied ist oder nicht. Möglicherweise möchten Sie eine andere Funktion erstellen, um festzustellen, ob er sein Konto deaktiviert oder nicht. Und wenn er das tut, willst du ihm noch eine Nachricht oder eine Warnung geben. Dies sind verschiedene Funktionen und deshalb müssen Sie zwischen einer Funktion von einer anderen unterscheiden. Sie müssen wissen, welche Funktion Sie aufrufen möchten, welche Funktion Sie ausführen möchten. Und wie machen wir das? Nun, das ist richtig. Wir müssen unserer Funktion einen Namen geben damit wir wissen, welche Funktion ausgeführt werden soll, wenn Sie sie benötigen. Und nennen wir unseren Funktionstest um des Arguments willen. Was ist das nächste, was wir brauchen? Nun, wenn Sie mit der Entwicklung beginnen, werden Sie Argumente an diese Funktion übergeben wollen. Zum Beispiel, was ist, wenn wir eine willkommene Warnung Handtuch Benutzer geben wollten? Wir wollen nicht, dass die Warnung sagt, hallo, zufälliger Benutzer. Wir würden wollen, dass die Alarmbereitschaft so etwas wie hallo John sagt, High 10x. Und was uns erlaubt, das zu tun, da wir Argumente übergeben müssen, müssen wir Variablen übergeben. Und um Variablen zu übergeben, müssen Sie Klammern haben. Und das ist ein Gas. Sie haben ein Funktionsschlüsselwort. Wir nennen unsere Funktion Geschmack beim Kunden. Wir können es nennen, wie immer wir wollen. Und dann müssen Sie die Klammern haben. Aber jetzt sagen wir, dass wir den Namen des Benutzers übergeben möchten. Also lassen Sie uns das einfach in eine Variable namens name setzen. Und ja, es geht zwischen die Klammern. Und was ist das Letzte, was wir tun müssen? Nun, wenn du es einfach anhebst, dann... JavaScript würde nicht wissen, was zu tun ist. Großartig. Wir haben die Funktion definiert, wir würden den Geschmack nennen. Was wird es tun? Was ist der Moment, dass es nichts tut. Und hier kommen geschweifte Klammern hinein und werden nicht mit Objekten verwechselt. Dies ist kein Objekt, wenn JavaScript bei Funktion Schlüsselwort sieht, es wird wissen, dass diese geschweiften Klammern, oder nur ein Ort, wo wir unseren Code definieren. Und bei der Programmierung wird dieser Ort zwischen den geschweiften Klammern nur als Block bezeichnet, der als Codeblock bezeichnet wird. Und das ist mit dem Fleisch und das Herz unseres JavaScript-Codes wird leben. Weiter mit unserem Beispiel. Lassen Sie uns nur Hallo an den Benutzer alarmieren. Und hier werden wir Template-Literale verwenden, die wir im Abschnitt Syntax gesehen haben. Und das war's. Das ist buchstäblich, wie Sie eine Funktion schreiben. Es ist nicht so schwieriger Weg. Es ist intuitiv, es ist einfach. Und das Beste von allem, es macht viel Sinn. Aber zu diesem Zeitpunkt haben wir nur eine Funktion definiert. Wir haben es nicht ausgeführt, wir haben es nicht in Programmiersprachen genannt, um eine Funktion auszuführen , die als Aufruf oder Aufruf dieser Funktion bekannt ist. Lassen Sie sich von diesen Worten nicht einschüchtern. Das ist alles, was bedeutet. Aber lasst uns reinspringen und sehen, wie wir diese Funktion tatsächlich aufrufen. Wie ich bereits erwähnt habe, bedeutet das Aufrufen einer Funktion nur, sie auszuführen oder auszuführen. Schauen wir uns unsere Funktion noch einmal an, Funktionstest, wo wir nur warnen hallo Name, um Sie daran zu erinnern , dass Geschmack nur ein benutzerdefinierter Name ist, den wir unserer Funktion gegeben haben. Wir können es nennen, wie immer wir wollen. Und wie führen wir diese Funktion aus? Werden wir unseren Namen nehmen, in diesem Fall schmecken? Alles, was wir tun, ist, dass wir ihm durch Klammern folgen. So einfach ist es. Sie sagen der JavaScript-Engine nicht an, diese Funktion auszuführen. Aber bleib dran. Wir haben definiert, dass diese Funktion eine Variable namens name benötigt, ein Argument namens name. Also lasst uns das machen. Lasst uns nur Männer reinlegen. Und das war's. Das ist alles, was Sie tun, um eine Funktion aufzurufen. Großartig, wir haben die Theorie behandelt, dass wir jetzt , wie immer, einige Beispiele sehen. 3. die die die Funktion zu erlösen: Bevor wir fortfahren, nur ein sehr schnelles Beispiel, Denken Sie daran, wie wir gerade gesagt haben, dass eine Funktion aufzurufen, Sie müssen die doppelten Klammern tun. Oder was passiert, wenn Sie die doppelten Klammern nicht einschließen? Lassen Sie mich es Ihnen zeigen. Verfestigen jetzt Funktion namens Wolf. Und alles Wolff tut als Konsole Protokolle auf dem Bildschirm. Wenn wir die Klammern nicht einschließen, was wird dann passieren? Linux-Instanzen, die die Funktion nicht ausführen, werden sie buchstäblich die Funktion selbst an Sie zurückgeben. Bedenken Sie also, dass Sie, wenn Sie Instanzen dieser Funktion erstellen und sie in Variablen einfügen möchten , stellen Sie sicher, dass Sie die Klammern nicht hinter sich setzen, denn sobald Sie die Klammern hinter sich setzen, führt es die -Funktion. Lassen Sie mich es Ihnen zeigen. Wenn wir losgehen und in Klammern setzen, was wird dann passieren? Nun, lassen Sie uns auf dem Bildschirm loggen, wie sie Sinn machen. Aber es gibt noch viel mehr zu gehen. Lasst uns damit weitermachen. 4. Spaß Vortrag – Klicken und ändern von Text: Funktionen, wir werden einige Beispiele sehen. Eigentlich möchte ich Ihnen zwei Beispiele zeigen. Nun, einer wird relativ einfach sein, der andere wird ein bisschen komplexer weil ich jetzt fühle, dass du da reinkommst. Ich fühle mich wie Sie wirklich und ich werde Dateien strukturieren, wie wir es in einer echten Website tun würden. So können Sie auch ein Gefühl bekommen, wie wir JavaScript mit unserem HTML verknüpfen. Okay, Beispiel Nummer eins, ich wollte nur einfachen Text haben. Wenn wir auf diesen Text klicken, möchte ich, dass er durch anderen Text ersetzt wird und ich möchte das tun, indem ich eine Funktion schreibe. Also ja, ich habe gerade ein leeres Visual Studio Code-Dokument. Alles, was wir jetzt tun müssen, ist, einen Ordner zu erstellen und nennen wir es unser Projekt. Sagen wir, es ist vier J ohne Funktion. Da das alte Zeug, Projektfunktion im Namen, lassen Sie uns eine Indexpunkt-HTML-Datei haben , weil so Apostel beginnt. Wir müssen hier anfangen. Und das ist eine Standard-HTML-Vorlage in unserem Körper erstellen, die einen Header erstellt. Wir nennen es Funktionsbeispiel. Lasst uns einen Absatz haben. Dies ist ein Beispiel für das Ändern von Text über eine Funktion. Ändern von Text mithilfe einer Funktion Credits. Und wenn wir auf OK klicken. Gehen Sie Live-Server, dann zeigen wir dies in einer Website. Dies ist, was wir sehen Funktionsbeispiel. Dies ist ein Beispiel für das Ändern von Text. Toll, dass, wenn ich sowieso klicke, nichts passiert. wir zurück zu unserem Texteditor gehen, was wir jetzt tun müssen, müssen wir jetzt eine JavaScript-Datei erstellen. Und sagen wir, innerhalb dieser großen Ordnerstruktur haben wir einen anderen Ordner namens public. Und in diesem Ordner haben Sie Ihre Skriptdatei. Wir, wir schreiben alle unsere JavaScript. Und jetzt möchte ich, dass wir eine Funktion erstellen, die nur Geschmack ersetzt. Und denken Sie daran, was brauchen wir, um eine Funktion zu erstellen? Lassen Sie uns Waschbären JavaScript sagen, dass wir eine Funktion schreiben, also verwenden wir das Schlüsselwort Funktion. Jetzt müssen wir unsere Funktion benennen. Es ist einfach cool es zeigen, weil wir Takes zeigen wollen. Denken Sie daran, dass wir die Klammern nach dem Namen brauchen, nur für den Fall, dass wir durch Argumente analysieren wollen. Und dann müssen wir unseren Code tatsächlich zwischen geschweiften Klammern schreiben. Und alles, was wir tun wollen, ist, dass wir die ISL-Funktion document.write wollen. Wie aufgerufen wurde. Walden. Und er ist eine Funktion, die wieder, wenn wir hier zurück gehen, es wird nicht funktionieren, weil wir noch nicht den Link zwischen unserer Index HTML-Seite gemacht haben, klicken Sie auf diesen Absatz, hen unsere JavaScript-Datei. Also lasst uns das machen. Gehen wir zurück. Ja, es ist gut. Unsere Indexdatei. Und sobald die Pasta durch unsere gesamte HDL gegangen ist und all das auf dem Bildschirm geladen ist. Es wird dann dieses Skript-Tag treffen. Und das Skript-Tag wird auf unsere JavaScript-Datei verweisen. Es befindet sich also im Öffentlichen Ordner und innerhalb des Öffentlichen Ordners und einer Datei namens script.js. Also, was großartig daran ist, wenn wir auf unsere Website gehen und wir aktualisieren Stall klicken nichts tun , weil wir dem Browser nicht gesagt haben, dass, wenn wir klicken, wollen wir, dass diese Funktion ausgeführt werden. Ein Huhn. Dies, Das ist cool. Wenn wir dieses Dokument überprüfen, gehen Sie zu Ihrer Registerkarte Netzwerk und wir aktualisieren. Sie können sehen, dass unsere Skriptdatei geladen wird. Wenn Sie auf die Skriptdatei noch GCF-Funktion klicken , die wir darin in Radieschen geschrieben haben. Ein bisschen interessante Informationen für Sie. Nun, lassen Sie uns die Verbindung zwischen dem Ticken dieses Textes herstellen und dies erfordert eine Änderung. Also, wenn wir zu unserem Editor zurückgehen und wir uns diesen Absatz Text ansehen, ist dieser Absatz, wo wir JavaScript ausgingen, um ausgelöst zu werden. Innerhalb hier können wir ein On Click-Ereignis definieren und Liste nur unsere Show-Funktion ausführen. Beachten Sie, dass bei einem onclick-Ereignis alles in schönen Anführungszeichen JavaScript ist. Also müssen wir nicht einmal Show aktualisieren. Zum Beispiel, lassen Sie uns einfach eine Warnung machen. Wir können, können wir JavaScript direkt innerhalb dieser Anführungszeichen schreiben. Und wenn wir hierher zurückgehen und hier anklicken, sind diese wachsam. Es funktioniert also. Wenn wir zu unserer Datei zurückkehren, führen wir die Warnung nicht aus. Wir wollen tatsächlich unsere eigene benutzerdefinierte Funktion namens show ausführen, die in unserer JavaScript-Datei hier drüben ist. Und wenn wir hier gehen und wir klicken, da gehen wir. Dokument.Write. Der ganze Text wurde durch unsere Funktion ersetzt, wurde aufgerufen, gut gemacht. Also hoffe ich, das macht Szenen. Wir begannen mit einer Index-HTML-Datei. Wir haben unseren Absatz definiert, auf den wir jetzt verwiesen haben. 5. Spaß – Ein zufälliger Zitat anzeigen: Was ist, wenn wir eine Schaltfläche wünschen und jedes Mal, wenn Sie auf diese Schaltfläche klicken, möchten Sie, dass sich der Absatztext ändert. Sagen Sie, wir haben vier oder fünf Zitate. Jedes Mal, wenn Sie diese Taste drücken, Dicke, wählen Sie zufällig eines dieser Anführungszeichen und zeigen Sie es auf dem Bildschirm. Wie würden wir das tun? Lass es uns zusammen machen. Der erste Schritt ist also, lassen Sie uns einen brandneuen Ordner erstellen. Und es nennt uns Projektfunktion fortgeschritten. Ok, innerhalb, ja, lasst uns eine index.html Datei haben. Wir haben das durchgemacht, wir wissen, dass hier wir anfangen müssen, eine Standardvorlage zu erstellen. Und hier lasst uns einen Knopf haben. Und nennen wir diesen Button Show Zitat. Und jetzt will ein Container, wo wir die Anführungszeichen n zeigen können. Also lasst uns einfach ein Absatz-Tag für jetzt haben. Wir sehen das online. Schauen wir uns einfach an, wie es aussieht. Wir sollten nur eine leere Schaltfläche sehen, die nichts tut, wenn wir klicken. Also zeigen Zitat, nichts passiert. Wir haben noch nichts definiert, aber wir wissen, dass wir einen Knopf unterhalb der Schaltfläche haben. Wir werden ein Absatz-Tag haben, das jetzt leer ist, aber das wird unsere Zitate zeigen. Gehen wir zurück zu unserem Redakteur und lassen Sie uns an unserem Zitat arbeiten. Also lasst uns wieder erstellen. Sagen wir einfach, wir haben einen öffentlichen Ordner. Und innerhalb des öffentlichen Ordners, sagen wir, wir haben Ihr Skript, Ihr JavaScript, wo wir unser JavaScript rasseln. Und hier wollen wir ganz auftauchen, also lassen Sie uns eine Funktion definieren. Wir beginnen mit dem Funktionsschlüsselwort, wir nennen es, jetzt, was immer wir wollen. Nennen wir es einfach zeigen Zitat n innerhalb der geschweiften Klammern. Dort haben wir unseren ganzen Code, unser Fleisch. Und auf diese Weise werden wir verschiedene Datentypen verwenden, die wir gelernt haben? Deshalb ist es wichtig, dass wir diese Dinge gelernt haben, die bisher unbekannt sind. Der erste Schritt ist also, dass wir einen Ort brauchen, in dem alle unsere Zitate gespeichert werden können. Würden wir das tun? Wie würden wir das tun? Denken Sie daran, Anführungszeichen sind nur Strings. Datentyp der Zeichenfolge. Wie können wir mehrere Anführungszeichen aufhalten, ist in einem Array, Cuz ein Array speichert mehrere Werte. Also lassen Sie uns unsere Array-Zitate nennen. Und es beginnt damit, unser neues Array leer zu machen. Wir haben keine Zitate in der ordentlich. Und jetzt lassen Sie uns unsere Zitate hinzufügen. Wie fügen wir Zitate hinzu? Rufen wir unser Array an? Wir sagen, dass das erste Element im Array, und denken Sie daran, es beginnt mit Index 0, weil es referenziert, wo im Speicher wir auf dies von einem jetzt ist es 0 zugreifen werden, wir werden direkt von seinem Ausgangspunkt aus zugreifen, was weiß 0. Erstes Zitat ist, wenn Sie die erreichen, das Ende Ihres Seils, binden Sie einen Knoten darin. Und lassen Sie uns ein weiteres Zitat hinzufügen. Bei einem anderen Zitat greifen wir auf unser neues Array zu, in dem nun ein Element enthalten ist. Und jetzt wollen wir, dass es das zweite Element im Array ist. Und dieses Zitat kann sein, ist nichts dauerhaft als Veränderung? Ist nichts dauerhaft. Aber lassen Sie uns noch ein Zitat hinzufügen. Wir greifen auf unser Array zu. Jetzt heißt es, wir wollen, dass es das dritte Element ist. Und lassen Sie dieses Zitat von etwas anderem. Sagen Sie Glück ist eine Dividende von süß. Und lasst uns einfach eine weitere Achse machen, unser Array. Wir möchten, dass dies das vierte Element im Array ist. Und dieses Zitat kann einfach sein, es ist, braucht so viel Energie zu wünschen, wie es tut, um zu flach. Also gehen wir hin. Wir haben unsere Zitate, wir haben vier Anführungszeichen innerhalb dieses Arrays. Nun, was wir wollen, dass es tun, ist, dass wir sie nur zufällig anzeigen wollen, wenn diese Show Zitat Funktion ausgeführt wird, wenn sie aufgerufen wird. Wie machst du das? Nun, wir müssen eine Zufallszahl zwischen 03 erstellen, um auf jedes dieser Anführungszeichen zuzugreifen. Wie sie das machen, lässt mich zuerst aufschreiben, dann werde ich Ihnen erklären, was es ist, dass wir Bilder gemacht haben, dieses Jahr loswerden. Alles, was wir tun werden, ist eine zufällige Variable zu definieren, die sich ständig ändert. Und diese Zufallsvariable wird diejenige sein, die unser Anführungszeichen Array aufruft. Also in der Tat ist es, dieser Rand wird diese Zahlen ersetzen, 012 oder drei, die zufällig eine Zahl, die sich ständig ändert. Es ist alles, was wir versuchen zu tun. Wir können auf das mathematische Objekt von JavaScript zugreifen. Und wir werden auf die vollständige Methode zugreifen, die es nur um die ganze Zahl herum macht. Andernfalls wird es Zufallszahlen erzeugen, die keine ganze Zahl sind und wir werden nicht in der Lage sein, darauf in unserem Array zuzugreifen. Das ist alles, was diese Bodenfunktion tut. Dann werden wir überschüssige JavaScripts mathematische Zufallsfunktion machen. Und weil mathematischer Punkt zufällig Zahl zwischen 01 erzeugt, müssen wir mit unserer Array-Länge multiplizieren , damit diese zufällige Variable Werte annehmen kann. Die gleiche Länge ist unser Array. Deshalb werden wir mit der Länge der Anführungszeichen multiplizieren. Und das war's. Wir haben buchstäblich unsere Zufallsvariable definiert. Nun, was ist der letzte Schritt? Lassen Sie mich das einfach kommentieren. Weißt du, was los ist? Erstellen Sie eine Zufallszahl zwischen 03 und jetzt. Was müssen wir tun? Nun, jetzt haben wir ein XY ist unser Absatz. Erinnerst du dich an das Absatzschild? Zeigen Sie wieder in der Indexdatei, wir haben dieses Absatz-Tag. Wir möchten das Zitat in diesem Absatz-Tag anzeigen. Sir. Ja, wir müssen das Absatz-Tag identifizieren und unser Zitat darin einfügen. Okay, toll, also wie identifizieren wir das Absatz-Tag? Nun, wir haben das in einem der vorherigen Vorträge gemacht. Aber nur um Sie daran zu erinnern, hat JavaScript eine eingebaute getElementsByTagName-Methode, und auf diese Methode kann auf das Dokumentobjekt zugegriffen werden. Also getElementsByTagName. Wir wollen den Absatz holen. Und denken Sie daran, was ich vorher gesagt habe, dies erzeugt eine Knotenliste. Also haben wir, wir müssen tatsächlich auf das erste Element auf dieser Liste zugreifen. Dann wollen wir das innere HTML-Attribut dieses Absatzes ändern. Und wir wollen, dass das gleich was ist? Das ist richtig. Wir greifen auf unser Array von Anführungszeichen zu und wir übergeben diese zufällige Variable. Und das sollte bei der sollte funktionieren. Lassen Sie mich einfach alles erklären, zuerst, mal sehen, ob es funktioniert und dann werde ich erklären, wie diese ganze Math Floor Mathe zufällige Sache funktioniert. Gehen wir also zu unserer Indexseite. Wenn wir zurück zu unserer Website gehen und wir darauf klicken, wird nichts passieren, weil wir keinen Link zwischen dem Klicken auf diese Schaltfläche bei der Ausführung dieser Funktion gezogen haben, weshalb wir zurück zu unserer Indexseite gehen müssen. Das erste, was wir tun müssen, ist unsere Skriptdatei zu referenzieren. Und das ist im Öffentlichen Ordner, und es ist in einer Datei namens script.js. Alles, was wir tun müssen, ist, dass wir definieren müssen , wann die Funktion aufgerufen wird , und wir werden das tun, wenn auf die Schaltfläche geklickt wird. Also fügen wir ein onclick-Ereignis auf diese Schaltfläche ein. Und jetzt müssen wir unsere Funktion ausführen. Was wir unsere Funktion genannt haben, wird einen Blick werfen. Wir nennen diese Funktion Show Quirk. Also müssen wir zurück zu unserer Indexdatei gehen und wir müssen ausführen. Sicher, kündigen Sie. Immer wenn auf diese Schaltfläche geklickt wird. Aber sehen Sie, ob das funktioniert. Gehen wir auf die Website. Aktualisieren. Klicken Sie auf Show peinlich. Im Ego-Absatz wird das Zitat eingefügt. Nichts Dauerhaftes als Veränderung. Und jedes Mal, wenn ich auf dieses Zitat klicke, ändert es sich. Wie genial ist das? Um unsere leistungsstarken Funktionen zu verstehen, müssen wir Code nicht jedes Mal neu schreiben, wenn Sie auf eine Schaltfläche klicken. Es führt nur diese Funktion immer wieder aus. Okay, also fragen Sie sich wahrscheinlich, wie diese mathematische Funktion hier funktioniert hat. Miete, Math.Floor, mathematische Punkt zufällig. Was bedeutet das alles? 6. Math.random: Okay, also zeigt es Ihnen, welche Methode zufällig ist. Lassen Sie uns einfach eine neue Datei sehr schnell erstellen. Und jetzt ist dies ein langer Vortrag, also werde ich nicht lange OMP sein. Wir nennen es einfach Meteor.js. Lass uns einfach alles andere schließen. Ich habe gerade das allgemeine Konzept von dem, was wir getan haben, erklärt. Ich will anfangen, gemeinsam vorzutreten. Und jetzt lass mich dir zeigen, was wir getan haben. Erstens, was bedeutet mathematische Punkt-zufälligen Kerl, es ist in JavaScript integriert. So hatten wir automatisch Zugriff auf dieses Objekt. Sagen wir einfach späte Zahl gleich math.pi, zufällige und späte Konsolenmodusnummer. Der Yeager und er haben Tommy gelesen, speichern Sie die Akte, wir bekommen eine neue Zufallszahl. Aber Sie werden feststellen, dass diese Zahlen zwischen 01 liegen. Also, wenn wir unser Array haben, und es ist einfach köstlich, sagen LIT Array gleich 135. Um auf diese zugreifen zu können, müssen wir entweder 01 oder zwei verwenden. Zum Beispiel, wenn ich eine Konsole wollte, loggen Sie sich das erste Element in, innerhalb der Klammern, eckigen Klammern, ich muss ganze ganze Zahlen haben. In diesem Fall muss ich entweder 0 haben. Man würde es tun. Und das ruft den Wert aus diesem Array ab. So stimmen Sie mir bereits mit bewusster Nutzungsnummer zu, weil Anzahl und Unterhalt sparen jetzt, so können Sie sehen, dass es immer zwischen 01 ist. Genau deshalb haben wir das math.pi zufällig mit der Zahl multipliziert. Und mit welcher Zahl sollten wir multiplizieren? Nun, wir hatten vier Zitate, also multiplizierten wir es mit vier. Wir konsolen log array.length. Hier haben wir drei, aber um es ähnlich zu dem vorherigen Beispiel zu halten, zeige ich Ihnen dies. Setzen Sie einfach noch einen. Jetzt sind wir voll. Also multiplizieren wir dies mit vier, aber anstatt tatsächlich die Zahl vier zu schreiben, sagen wir es einfach noch einmal. Nun, lassen Sie uns es einfach mit seiner Länge multiplizieren. Jetzt wissen wir, dass die größte Zahl, dies kann so voll sein, eine kleinste Zahl, dies kann eine 0 sein. Du mit mir so viel größer. Aber jetzt, können Sie sehen, wie diese solche Zufallszahlen produzieren? Wenn wir versucht haben, Array zu gehen und wir versuchten, auf eine Zahl wie diese zuzugreifen, waren nicht in der Lage, existiert nicht. Es muss eine ganze Zahl sein. Und deshalb benutzen wir Math.Floor. Und die Math.Floor gibt immer die größte Ganzzahl zurück, die kleiner oder gleich als Zahl ist. So zum Beispiel, auf dem Bildschirm im Moment sehen wir Zahlen 2.940 mit Meth Floor einfach zurückkehren, um Szenen zu machen. Also alles, was wir getan haben, war, dass wir eine Math.Floor-Funktion vor einer ganzen Beschreibung hier eingeschlossen haben. Und die UGA. Also, jetzt wird die Zahlenvariable immer zwischen 03 sein. Wie genial ist das? Das ist genau das, was wir getan haben, wodurch wir auf alle Elemente im Array zugreifen konnten. Hoffnung ergibt Sinn. Lasst uns weitermachen. 7. Was ist das RETURN Keyword: Das Schlüsselwort return ist wichtig zu verstehen. Aber warum? Wir schauen uns mal an. Lassen Sie uns eine Funktion erstellen, die einfach a und b hinzufügt. Denken Sie daran, Kreditfunktion, wir brauchen die Funktion Schlüsselwort. Jetzt müssen wir es benennen. Nennen wir es einfach hinzufügen. Und fügen wir zwei Zahlen hinzu, a und b, die in die Funktion übergeben werden. Und sieh dir das an. Ich werde zurückkehren. Javascript versteht, was das bedeutet, und ich werde kurz erklären, was es bedeutet. Und wir werden ein Plus B zurückgeben und wenn wir diese Funktion ausführen, ist es Punkt nebeneinander auftreten. Und lassen Sie uns 510 hinzufügen. Und seine Konsole ist laut, Konsolenprotokoll. Sie betrachten. Es kommt mit einer Antwort von 15, wie wir es erwarten würden. Aber was bedeutet dieses Rückgabe-Schlüsselwort eigentlich? Schauen wir uns mal an. Es gibt gedreht Schlüsselwort zielt einfach Ausführung und Sie ahnen, dass es einen Wert zurückgibt. Was ist, wenn diese schmal in diesem Fall einzudringen, undefiniert als zurückgegeben, nicht jetzt, undefiniert. Und etwas anderes zu beachten ist, dass die return-Anweisung durch das automatische Semikolon Einfügen beeinflusst wird. Was ich meine, nehmen wir unser Funktionsbeispiel, wo es ein Plus B zurückgibt. Wenn wir Return schreiben mussten und auf eine neue Zeile, haben wir ein Plus B geschrieben Was wird passieren? Wird der Parser wird interpretieren, dass Semikolon zurückgegeben wird und nennen Sie ein plus b Semikolon. Und der wichtige Punkt, um damit zu realisieren, ist, dass das a plus b in diesem Fall ein erreichbares wäre. Wie können wir also etwas zurückgeben, das sich über mehrere Zeilen verteilt hat? Nun, in diesem Fall müssen Sie es nur in Klammern einschließen. Das würde funktionieren. Werfen wir einen Blick auf ein anderes Beispiel schnell. In Ordnung, also ein paar weitere Beispiele für das Rückgabe-Schlüsselwort. Denken Sie daran, wie wir gesagt haben, dass, wenn Sie das return-Schlüsselwort bei verwenden , die Ausführung der Funktion stoppt. Was bedeutet das? Nun, das bedeutet erstens, wenn wir andere Variablen haben, definieren wir haarlos gleich zehn, d gleich 20, und wir konsolen log c plus d Sie können wirklich sehen, meine IDE ist irgendwie ausgegraut diese Aussagen. Und der Grund, warum es große Katastrophen sind, dass diese nicht hingerichtet werden. Wenn wir 510 wieder am Stand hinzufügen zeigt uns 15. Wenn wir beide sehen wollten, müssten wir diese dann über der return-Anweisung neu positionieren. Nur jetzt wird es Konsolenprotokoll c plus d und 15 zurückgegeben. Und Sie müssen immer nur vorsichtig sein mit Rückgabe-Schlüsselwort. Denn wenn du es nicht hast, kann es seltsame Dinge verursachen. Was ich meine, lass uns eine Planke holen. Denk dran, wir haben das schon eine Weile nicht benutzt. Einfach auf der Homepage und Remix klicken Sie auf diesen neuen Button hier. Und wir können einfach eine Standard-leere HTML-, CSS- und JavaScript-Datei verwenden. Und was an Planck schön ist, ist auf der linken Seite, können Sie Ihr Projektdatei-Layout sehen. Sie können sehen, wie Sie sich aufsetzen, Sie haben Ihre Indexdatei. Und wenn wir auf unsere Indexdatei klicken, können Sie sehen, dass sie auf die JavaScript-Datei innerhalb des lib-Ordners verweist. Es ist nur ein schöner Überblick für Sie. Es ist schön zu sehen, wie alles hineinpasst. Aber jetzt möchte ich in der Indexdatei erstellen, lassen Sie uns einfach einen Absatz mit ID-Demo erstellen. Also alles, was ich tun möchte, und in unserer JavaScript-Datei, die wir wissen, ist bereits in unserer Indexdatei referenziert. Also wissen wir, dass das hingerichtet wird. Lassen Sie uns eine Funktion namens test definieren. Und im Geschmack werden wir in einem Variablennamen ein Argument übergeben. Erinnerst du dich, wie wir dieses Beispiel früher gesehen haben? Und hier will ich nur in diesen Absatz schreiben Hallo Neighbor. Es ist alles, was wir tun wollten. Also haben wir jetzt unsere Funktion definiert. Alles, was wir jetzt tun müssen, ist Zugriff auf ihr Absatz-Tag und fügen Sie diesen Text hinein. Wie greifen wir auf ein Absatz-Tag zu? Wir erinnern uns, wir beginnen mit dem Dokument, weil das die übergeordnete Anwendung ist. Wir greifen auf eine eingebaute Methode für dieses Element nach ID zu. Und dann können wir schreiben, was wir wollen. Also hier werden wir mit Dokument beginnen. Holen Sie sich Element nach ID, in diesem Fall die ID Decebalus Demo. Und dort fragen wir uns direkt in seinem inneren HTML, wir wollen diese Funktion ausführen und sagen wir, die Wally des Benutzers. Jetzt müssen wir nur eine Vorschau darauf machen. Sie können sehen, ist hallo klunker. Es wurde in die Datei index.HTML eingefügt, und dort gehen wir und finden. Es ist ein weiterer Grund, warum, wenn Sie das Rückgabe-Schlüsselwort nicht haben, Denken Sie daran, was ich gesagt habe? Es gibt undefiniert zurück. Ich habe gerade zwei Jahre bewiesen und das ist seltsam. Sie denken, Ys und nicht zurück Hallo 10x. Und der Grund ist, wie Sie es erraten haben, brauchen Sie das Rückgabe-Schlüsselwort. Also, wenn wir jetzt Hallo Namen zurückgeben und es erfrischt, sollten wir Hallo Dolly bekommen und wir tun die eifrig. Und noch ein Beispiel. Lassen Sie uns einfach öffnen Chrome-Konsole. Und er hat ein anderes Beispiel ist kreative Funktion. Lassen Sie uns unsere Funktion Geschmack aus Mangel an einem besseren Wort nennen. Und in, ja, lassen Sie uns einfach einen Hund definieren. Und sagen wir, sein Name ist doggy. Ok. Wenn ich diese Funktion ausführe, was erwarten Sie, dass Sie zurückgegeben werden? Was wir das Rückgabe-Schlüsselwort nicht enthalten haben. Also ja, ich würde erwarten, dass undefiniert geworfen wird. Und genau das ist passiert. Was ist, wenn wir eine andere Funktion erstellen? Und nennen wir es auch „schmeckt“. Und ich bin hier nicht sehr kreativ mit den Namen. Und es ist hoch dotiert, um gleichwertig zu sein. Nun, anstatt die Funktion zu schließen und zu beenden, lassen Sie uns dieses Rückgabe-Schlüsselwort einfügen. Und was wollen wir? Rückkehr wird, sagen wir einfach, wir wollen, dass der Hund hierher D2 zurückkehrt, was sein Name ist. Also, wenn ich nach Geschmack renne, was denkst du, sollte jetzt passieren? Es ist richtig, wir sollten sehen, dass wir Vierter sind. Th, zwei werden vierter. Dies waren also nur drei schnelle Beispiele dafür, wie das Schlüsselwort return das Ergebnis Ihrer Funktionsausführung auf die Geschwindigkeit in einer Mine auswirken kann . Es ist ein ziemlich wichtiger Punkt zu beachten. Lasst uns weitermachen. 8. 2 Arten von Funktionen – Deklaration und Ausdruck: Nun, bevor wir weitermachen, die einen kurzen Blick auf die Arten von Funktionen haben wird. Denken Sie daran, welche Objekte es verschiedene Möglichkeiten gab, ein Objekt zu erstellen. Wir hatten Literale, wir hatten Konstruktoren, wir hatten die Create-Methode, wir hatten die Klasse, oder das gleiche mit Funktionen. Wir haben verschiedene Möglichkeiten, eine Funktion zu erstellen. Aber was schön ist, ist, dass es hier ist. Es ist etwas einfacher, da es nur zwei Möglichkeiten gibt, eine Funktion in JavaScript zu definieren. Wir haben eine Erklärung und wir haben einen Ausdruck. Die Erklärung, die wir oft durch unsere Beispiele gesehen haben , dass, wenn wir das Funktionsschlüsselwort haben, dann haben wir den Namen unserer Funktion noch hallo sagen, wir haben die PR-Indizes, wo wir einen Parameter übergeben. Und dann haben wir die geschweiften Klammern, in denen wir unsere Funktion hier definieren. Wir definieren nur Hai Nan mithilfe von Template-Literalen. Das ist also eine Funktionsdeklaration. Nun, wie würden wir die gleiche Funktion schreiben, aber einen Funktionsausdruck verwenden? Nun, ja, Sie können sehen, wie ähnlich es ist. Wir definieren nur eine Variable namens SayHi und wir weisen net die Funktion. Sie können in beiden Fällen sehen, wir müssen die Funktion Schlüsselwort verwenden ist diese Pfeil-Syntax, die wir auf Sie bekommen. Aber bevor wir darauf kommen, können Sie die traditionelle Art und Weise sehen, beide Funktionen zu erstellen bedeutet, dass wir das Schlüsselwort Funktion verwenden mussten. Also lasst uns einfach ein bisschen genauer in diese eintauchen. Wir haben eine Funktionsdeklaration auf dem Lift und melodischen Funktionsausdruck auf der rechten Seite. Und die Bedeutung beider Funktionen ist genau die gleiche. Und damit meine ich nur, dass beide Funktion erstellt wurden und sie sie in einer Variablen namens Variable gestohlen haben. Sag hallo. Also fragen Sie wahrscheinlich, warum haben Sie dann eine Methode über die andere? Und die Antwort ist, es gibt einen subtileren Unterschied. Und dieser Unterschied ist das Timing, wenn die Funktion erstellt wird. Und eine Funktion kann sofort oder später erstellt werden. Und mit einer Funktionsdeklaration wird es sofort erstellt. Und mit einem Funktionsausdruck wird es nur erstellt, Es heißt. Und ich werde Ihnen Beispiele zeigen, was das bedeutet, in der nächsten Vorlesung. Also keine Sorge, wenn Sie nicht vollständig verstehen, was das jetzt bedeutet , da nur auf einer sehr, sehr hohen Ebene das nur bedeutet, dass Sie die Funktionsdeklaration die Funktion tatsächlich aufrufen können, obwohl Sie sie später in Ihrem Code definiert haben. Okay, aber nun schauen wir uns Funktionsausdrücke etwas detaillierter an. Das erste, was Sie bemerken werden, ist, dass Sie die Funktion in einer Variablen speichern können. Wie wir es genannt haben, sag hallo. Und das andere, was zu beachten ist, ist x_k mit Funktionsausdrücken. Merkst du, wie wir nicht die eigentliche Funktion und m geben? Schauen Sie sich die Funktionsdeklaration an, wo wir Funktion sagen und wir folgen, dass durch den Funktionsnamen namens SayHi. Ja, wir definieren nur eine Funktion. Nun, im Programmierjargon ist das nur als anonyme Funktion bekannt, nur eine Funktion ohne Namen. Wir haben ihm irgendwie einen Namen gegeben, weil wir es in eine Variable einfügen, die wir der Funktion nicht direkt einen Namen gegeben haben, wie wir es für die Funktionsdeklaration haben. Und einer der anderen massiven Vorteile mit einem Funktionsausdruck ist ein Iffy. Und wieder, lassen Sie sich nicht von diesem seltsamen Wort einschüchtern. Alles, was bedeutet, ist, dass, wenn Sie eine Funktion einmal verwenden möchten, Sie es oft über die Methode namens iffy sofort aufgerufenen Funktionsausdruck tun. Das ist es, wofür es steht. Und ich möchte jetzt nicht in sofort aufgerufene Funktionsausdrücke einsteigen. Wenn du so etwas wie ich bist, willst du nicht neugierig sein, was das eigentlich bedeutet, um an jedem zu kratzen. Lassen Sie mich Ihnen nur ein kurzes Beispiel geben. Angenommen, wir haben ein Absatzelement mit einer ID des Geschmacks in unserem HTML. Und alles, was wir tun wollen, ist, dass JavaScript Code ausführt der eine Zeichenfolge namens Yj in ihren Absatz legt. Wie machen wir das? Nun, natürlich müssen wir zuerst mit dem Skript-Tag beginnen. Dean Leeds, definieren Sie einen Funktionsausdruck. Wir geben hier keine Erklärung ab. Wir machen einen Funktionsausdruck. Wir werden auf das Dokumentobjekt von JavaScript zugreifen, das Ihre allgemeine Webseite ist. Und in UNEP-Dokument, wir erhalten automatisch Zugriff auf ein get Element durch ID-Methode. Die ID, wir wollen einen guten Geschmack, und dann wollen wir seine innere HTML zu yea ändern. Also, da gehst du hin. Dies sind Funktionsausdruck. Wir schließen das Skript-Tag und wir haben es geschafft. Aber das Problem dabei ist, dass wir diese Funktion nicht als schwer bezeichnet haben. Wir haben jetzt nur einen Funktionsausdruck definiert. Mit einem sofort aufgerufenen Funktionsausdruck möchten wir der Engine mitteilen, dies sofort automatisch auszuführen. Wie wir das tun, werden wir, alles, was Sie tun müssen, ist, dass Sie Ihren Code in Klammern einschließen müssen. Und dann gehst du, du hast JavaScript gesagt, das ist ein Iffy und führe eine Funktion aus. Erinnerst du dich, was wir tun mussten? Sie verfolgen, wir mussten dieser Funktion durch Klammern folgen. Und es ist dasselbe mit einem Iffy. Du folgst der Funktion mit Klammern und Bob ist dein Onkel. Sie haben gerade Ihre erste selbstaufrufende Funktion erstellt. Lassen Sie mich Ihnen nun ein paar Beispiele zeigen, praktische Beispiele für die Unterschiede zwischen einem Ausdruck und einer Funktionsdeklaration. 9. Funktionsdeklarationen und Funktionsausdrücke: Funktionsausdrücke auf der einen Seite, Funktionsdeklarationen auf der anderen Seite, Johann, das kann ziemlich verwirrend werden. Also dachte ich nur, begrenzen Sie Resonanzbeispiele an Sie. Schauen wir uns zuerst eine Funktionsdeklaration an, denn das ist, was wir verwendet haben, um Deklaration zu funktionieren. Und lassen Sie uns nur eine Funktion namens Hund haben, diese Konsole protokolliert es Sound. Was ist der erste Schritt mit der Funktionsdeklaration? Wir müssen JavaScript sagen, dass wir im Begriff sind, eine Funktion in zu definieren. Wir müssen eine Funktion etwas nennen. Also nennen wir es „Talk“. Wir brauchen die Klammern, weil wir Argumente an einen Brief übergeben wollen. Und dann definieren wir unseren Code innerhalb der geschweiften Klammern, sagen Ton gleich. Und dann wollen wir nur, dass wir den Ton auf den Bildschirm einloggen wollen. Und um diese Funktion auszuführen oder aufzurufen, was müssen wir tun? Das ist richtig, wir müssen unseren gleichen Namen verwenden, eine Include, Klammer. Und dann gehen Sie Konsolenprotokolle. Das ist also die Funktionsdeklaration. Wir haben viele Funktionsdeklarationen gesehen. Wir sollten uns damit wohl fühlen. Bonobo, was ist mit einem Funktionsausdruck? Schauen wir uns mal an. Funktion. Funktionsausdruck wird, der größte syntaktische Unterschied darin, wie es aussieht, ist, dass wir es in eine Variable setzen und es ist eine anonyme Funktion, das ist jemals Glück. Also lasst uns ket definieren. Und es kann eine Funktion geben. Aber jetzt in diesem Fall, denken Sie daran, wir unsere Funktion nichts genannt haben, und deshalb wird es eine anonyme Funktion genannt. In der obigen Funktionsdeklaration fügen wir Funktion hinzu und wir haben unsere Funktion Hund genannt. Ja, wir haben nur eine Funktion, die wir sie einer Variablen namens cat zuweisen. Es ist also fast dasselbe. Es ist einfach anders strukturiert. Und lasst uns das Gleiche später machen. Klingt miau. Und wir wollen den Süden trösten. Nichts Neues gibt es in einen Funktionsausdruck auszuführen. Auch hier verwenden wir einfach den Namen unserer Variablen und wir schließen ihn in Klammern ein. Miao, Hou. Dann denkt er wahrscheinlich, okay, cool, sie sehen beide ähnlich aus. Sie fühlen sich gleich. Warum verschwenden müssen, um eine Funktion zu deklarieren? Ist das nicht nur noch mehr Verwirrung? Will ist es nicht, wie es nicht ist. Es hängt davon ab, was Sie mit diesen Funktionen machen möchten. Und wie wir gerade in der Vorlesung gesagt haben, ist der Hauptunterschied das Timing, wann Sie diese Funktionen nutzen können. Lassen Sie mich es Ihnen zeigen. Scrollen wir einfach nach unten. Und lassen Sie mich sagen, dass Timing der Hauptunterschied ist. So können Funktionsdeklarationen im gesamten Bereich verwendet werden. Und was ich damit meine, ist, sagen wir einfach, dass die Funktion Deklaration in ihrem gesamten Umfang verwendet werden kann. Und ja, wir werden es nur mit dem globalen Umfang zu tun haben. Und ich zeige Ihnen ein Beispiel. Dies kam nur zu uns sagen hallo Funktion und sagte, wenn wir in den Namen des Benutzers übergeben wollen und nur Konsole eine Willkommensnachricht protokollieren. Der erste Schritt der Funktionsdeklaration besteht also darin, JavaScript mitzuteilen , dass eine Funktion durch das Funktionsschlüsselwort neu erstellt wird. Wir nennen es, sagen hallo, wir nennen es, was immer wir wollen. In diesem Fall wollen wir einen Namen übergeben und dann schreiben wir unseren Code zwischen diesen geschweiften Klammern. Und alles, was wir hier tun wollen, ist, dass wir das Protokoll trösten wollen. Und wir werden Template-Literale verwenden. Und wir werden nur Hallo, Name, vernünftige Funktion sagen. Und lassen Sie uns die Funktion aufrufen. Mal sehen, was passiert. Sag hallo und wir gehen in Tang vorbei. Und ja, es wird das Protokoll trösten. Hallo Tom. Aber lassen Sie mich fragen, was passiert, wenn wir diese Funktion ausführen? Die vier haben sogar die Funktion deklariert? Was wird passieren? Nun, schauen Sie sich die Comic-Funktionsdeklarationen in ihrem gesamten Umfang verwendet werden können. Sie hatte global. Wenn wir also den Sagen hallo Tom nach oben verschieben, wird es funktionieren, weil der Parser, wenn er diese Funktion trifft, wenn er die Datei übergibt, noch bevor er ausgeführt und auf den Bildschirm gerendert wird. Es wird bereits die Say Hi-Funktion gespeichert haben. Das wird genau wissen, was diese Funktion ist. Wenn Sie es also aufrufen, noch bevor wir es in unserem Code definiert haben, wird es gültiger Code sein, was passiert mit Funktionsausdrücken? Funktioniert Ausdrücke. Funktionsausdrücke sind zugänglich und nutzbar, wenn sie definiert sind. Und was ich damit meine, nun, lassen Sie uns genau die gleiche Funktion erstellen. Anstatt hallo zu sagen, nennen wir es einfach, verabschieden Sie sich. Also werden wir sagen, sagen By equals Funktion, eine anonyme Funktion, denn jetzt haben wir diese Funktion nicht benannt. Es wird im Namen pausiert. Und hier wollen wir nur Log mit Template-Literale von konsolen. Und sie nennen. Wieder eine sehr einfache Funktion. Und wenn Sie exekutieren wollen, sagen Sie auf Wiedersehen mit dem Wort Tom, es funktioniert. Alles an dieser Stelle funktioniert. Und Sie hätten keine Vorliebe, das eine oder andere in diesem Szenario zu verwenden. Aber was passiert, wenn wir das ausführen? Wir versuchen auszuführen, sagen wir kaufen, bevor wir die Variable deklariert haben, bevor wir die Funktion deklariert haben. Schauen wir uns mal an. Lasst uns das nach oben ziehen und klopfen, dass wir im Irak geworfen werden. Sagen Sie, bi ist nicht definiert. Und das ist der Punkt, den ich damit ansprechen will. Wir können nicht auf Funktionsausdrücke zugreifen, bevor sie deklariert wird. Nur y, lass uns passieren. Ich weiß es nicht. Es wollte sich nicht nur damit auseinandersetzen. Cool. Und lasst uns weitermachen. 10. Funktionen sind wie Werte: Das wird nur ein kurzer Vortrag heute Abend. Ich wollte erwähnen, dass das Netz Funktionen in JavaScript verfügbar sind. Und was es bedeutet, ist, dass wir mit ihnen umgehen können. Und das hört sich seltsam an, aber wir können ihn als Wert behandeln. Und alles, was ich damit meine, ist, dass Sie Funktionen umwerfen können, Sie können sie in andere Funktionen übergeben. Sie können ihn Variablen zuweisen. Und das macht Funktionen in JavaScript genial und unübertroffen mit seinen anderen Sprachen sind nicht so flexibel. Sie können dies nicht mit Funktionen tun. Lassen Sie mich Ihnen zeigen, was ich meine. Ich gebe Ihnen nur ein Beispiel für die Zuweisung einer Funktion zu einer Variablen. Wir können jede Funktion definieren, die wir gegangen sind. Also lassen Sie uns einfach mit einer Funktionsdeklaration arbeiten, weil es sehr einfach und intuitiv ist, diese zu tun und schließt Funktion Hund aus. Und das geht nur zum Konsolenprotokoll. Nun, dann nichts Neues. Aber jetzt können wir diese Funktion als Wert behandeln und sie einer anderen Variablen zuweisen. Wie genial Zeug. So können wir buchstäblich gehen Let Wurst Hund, Hund. Und jetzt wurde zu diesem Zeitpunkt Wursthunde Köpfe der Wert dieser Funktion zugewiesen. Also, um diesen Voc auszuführen, werde ich funktionieren. Wir verwenden die normalen Klammern. Cell, X's sind Wursthund. Und hingerichtet. Die Ego-Konsole protokolliert Reichtum. Und natürlich haben wir den Wursthund, aber wir haben auch unsere Hundefunktion, die wir ausführen können. Und das wird auch mit auf die Konsole ausgeführt und sie haben es. Ich wollte Ihnen das nur zeigen, bevor wir weitermachen, weil ich weiß, dass dies einfach erscheinen mag, aber es hat tiefgreifende Auswirkungen auf Sie und mich als Entwickler, weil JavaScript genial ist wie wir, es ermöglicht uns so viel Flexibilität, mit Funktionen zu arbeiten werfen Sie sie herum und setzen Sie sie in Variablen wirklich großartig. Bevor wir also zu komplizierteren Dingen weitergingen, wollte ich das nur mit dir teilen. 11. Die neue ARROW Syntax erklärt: Dieser Abschnitt über Funktionen wäre nicht vollständig, wenn wir Pfeilfunktionen nicht besprechen würden. Fehlerfunktionen sind nur ein prägnanter Weg, eine schnelle Möglichkeit, Funktionsausdrücke zu definieren. Und ist eine der praktischsten Änderungen eingeführt von ES6 oder ES 2015. Und die Art und Weise, wie ich es sehe, ist, dass es zwei große Vorteile bringt. Nutzen Nummer eins, das ist die intuitivste und offensichtlichste, Es ist nur kürzer zu schreiben, braucht uns weniger Zeit und es ist einfacher. Nehmen wir unseren Sagen hallo Funktionsausdruck. Wir wissen, wie das geschrieben steht. haben wir schon mal gesehen. So können Sie mit Pfeilsyntax sehen, wir nehmen doppelte Klammern und wir setzen alle unsere Argumente in NY, wir verwenden die Pfeilsyntax. Und dann definieren wir unseren Code in den geschweiften Klammern. Es ist also dem alten Weg sehr ähnlich. Es ist nur ein bisschen schneller. Aber je nachdem, was wir mit unserem Code machen wollen, können wir ihn sogar noch weiter vereinfachen. Wenn Sie zum Beispiel keine Parameter haben, was bedeutet, dass wir keine Variablen oder Argumente übergeben möchten, können Sie dies tun. Lassen Sie mich Ihnen ein Beispiel zeigen. Wenn Sie keine Perimeter haben, ist das Erstellen von Funktionsausdrücken über die Pfeilsyntax super-einfach. Schauen wir uns mal an. Lassen Sie uns eine Variable namens SayHi definieren. Und jetzt normalerweise müssten wir jetzt die Schlüsselwort-Funktion einschließen. Ja, nicht wahr? Nicht mit Fehlersyntax. Das ist, was so cool ist. Wir können einfach öffnende und schließende Klammern haben. Wir müssen nun die Pfeilsyntax einschließen. Und dann haben wir wieder geschweifte Klammern öffnen und schließen. Und das wird nur zu Konsolenprotokoll hoch. Und jetzt, was habe ich hier falsch gemacht? Für die Klammern, Konsolenprotokoll, sagen High Ego, und wenn ich ausführe, sagen Sie hallo, es konsolenprotokolle, hallo dort. Kein Problem damit. Aber wir müssen nicht mal die öffnenden, schließenden Klammern haben, Dewey. Wir können nur den Unterstrich und andere Beispiele haben. Lasst uns gleich sagen. Und ja, du kannst einfach den Unterstrich haben. Kann nicht viel einfacher sein. Net kann die Pfeilsyntax, die öffnenden und schließenden geschweiften Klammern nicht haben. Und ja, wir werden nur Konsolenprotokoll durch die. Und das ist bei, wenn wir diesen Funktionsausdruck ausführen, erhalten wir pi Day. Oder wenn Sie einen Parameter in den öffnenden Klammern oder sogar optional haben, müssen Sie nicht einmal öffnende Klammern haben. Lassen Sie mich Ihnen ein weiteres Beispiel zeigen. Okey-Dokey. Was ist, wenn Sie nur einen Parameter haben? Nun, es ist sehr einfach. Es ist wieder eine Variable namens SayHi definiert. Denken Sie daran, dass wir normalerweise jetzt das Funktionsschlüsselwort benötigen, aber da wir Fehlersyntax verwenden, ersetzen wir das durch den Fehler. Also, was machen wir? Nun, wenn Sie einen Parameter haben, müssen Sie nicht einmal Klammern öffnen und schließen. Sie können einfach das Argument schreiben, Verwenden Sie die Pfeilsyntax. Und wieder, unsere Meinung schließt geschweifte Klammern. Und dann wollen wir jetzt nur die Konsolenanmeldung Template-Literale verwenden. Hoch. Benannt. Da gehst du. Wir haben es buchstäblich getan. Wir haben die ganze komplizierte und umständliche Art der Funktionsausdrücke in eine Zeile ersetzt . Und wir können das trösten, um zu sehen, ob es funktioniert. Und da steht, hallo, undefiniert. Oh, wir haben vergessen, einen Namen zu geben. Wir gehen im Namen der wilden NSA-Autobahn vorbei. Also wissen wir, dass das funktioniert. Und die einfachste Art und Weise wir es zeichnen können, als ob wir nur einen Ausdruck zurückgeben würden. Wir müssen nicht mal die geschweiften Klammern haben. Werfen wir einen Blick auf ein kurzes Beispiel dafür, wie das aussieht. Und jetzt, wenn Sie nur einen Ausdruck drehen, brauchen Sie nicht einmal geschweifte Klammern. Wie wahnsinnig ist das? Lassen Sie mich Ihnen ein weiteres Beispiel geben. Nehmen wir also an, wir haben einen Funktionsausdruck und wir haben eine, wir werden das in eine Variable einfügen könnte hinzufügen. Jetzt müsste normalerweise Funktion setzen. Wir müssen nicht die Funktion setzen könnte Pfeil-Syntax verwenden. Sagen wir, wir haben zwei Argumente, num1 und num2. Und alles, was Sie jetzt tun wollen, ist, dass wir den Zusatz dieser beiden zurückgeben wollten. Also wissen wir beide gewöhnlich, dass wir es in geschweifte Klammern setzen würden, und wir können es. Aber der Punkt ist mit der Pfeilsyntax, wir können damit abschaffen, weil wir jetzt nur einen Ausdruck zurückgeben. Wir geben null m1 plus m2 zurück. Und ich meine, das ist einfach so elegant, nicht wahr? Es ist wunderschön. Es ist wie Kunst. Und wenn wir diese Funktion ausführen und wir 12 übergeben, bekommen wir drei zurück, das Ego, die Gewohnheit, der Aerosolindex ist viel, viel einfacher zu bedienen. Okay, das sind also einige syntaktische Unterschiede mit der Pfeilsyntax, aber jetzt etwas etwas sinnvoller. Benefit Nummer zwei, es gibt keine Bindung dieses Schlüsselworts. Das ist so entscheidend. Die Fehlerfunktion bindet nicht. So. Und natürlich, das ist Theorie. Lassen Sie mich Ihnen zeigen, was das bedeutet. 12. Was beherrschen die Bindung dieses?: Worum geht es bei diesem Schlüsselwort? Was machen wir, was machen wir? Wie funktioniert es, und was bedeutet die Fehlersyntax Seele für uns? Was bedeutet es, wenn es sagt, dass es keine Bindung dafür gibt? Schauen wir uns an, was das alles bedeutet. Aber lassen Sie uns mit einer sehr einfachen Konstruktorfunktion beginnen. Denken Sie daran, dass bei einer Extraktorfunktion der Wert dieser an das neu erstellte Objekt gebunden ist, das erstellt wird. Und das macht Sinn, richtig? Nun, lassen Sie uns eine Person Konstruktorfunktion erstellen, wo wir diesen Namen gleich sitzen. Und denken Sie daran, was der zweite Schritt mit einer Konstruktorfunktion war. Es war, das neue Schlüsselwort zu verwenden, diesen Stamm. Und wenn wir das tun, wenn wir sagen, dass Benutzer gleich einer neuen Person ist, was wir tatsächlich tun, ist der Wert davon an das neu erstellte Objekt gebunden zu sein, das heißt, wenn wir in unserem Funktionsaufruf darauf verweisen, bezieht sich dies auf die -Benutzer, das neu erstellte Objekt. Und wenn wir Konsolen Benutzer abmelden, können wir sehen, dass wir jetzt diese Namenseigenschaft gesetzt haben, die Name des Benutzers auf Molly ist. Also, das macht Sinn, das weißt du. Aber jetzt lasst uns tiefer graben. Lassen Sie uns jetzt sitzen einen Timer mit eingestellten Intervallen und sitzen Intervalle in Bulk JavaScript-Funktion. Wir werden sehen, wie es jetzt funktioniert. Also lasst uns das kommentieren, damit wir keine widersprüchlichen Variablennamen erhalten. Und wieder, lassen Sie uns Harrison-Funktion definieren. Und sagen wir, dieser Vorname kocht. Und jetzt, was ich tun will, ist, dass ich nur sagen will, für sogar gehen und was benutzen? Ich möchte nur Log hi konsolen, jede 1 Sekunde zur Konsole. Wie würden wir das tun? Wir definieren nur eine Methode namens Anzeige. Und wir werden das gleich JavaScript in Bolt sitzen Intervall machen. Und Sie können sehen, dass meine IDE es wirklich für mich aufgenommen hat. Ich bin festgelegtes Intervall. Also, wie krankes Intervall funktioniert, da Sie Klammern haben müssen und Sie sehen meine IDs bereits sagen, dass das erste Argument unser Handler sein muss. Mit anderen Worten, es wird unsere Funktion sein. Es nennt sich ein Empfänger. Gewebe haben eine Funktion, die Sheriff genannt wird. Wir können es nennen, was wir wollen. In diesem Fall spielt es eigentlich keine Rolle. Und wir gingen zur Konsole, melden Sie sich am Bildschirm an. Hi, also werden wir es vorerst tun. Und das zweite Argument in dieser Set-Intervallfunktion. Und wenn ich nur eine Komma-ID setzen sagt mir bereits, es ist die Timeout. So viele Sekunden dominante Labs, bevor diese Funktion erneut aufgerufen wird. Und das ist in Millisekunden. 100 Millisekunden ist 1 Sekunde. Und sie haben es. Er hat unsere Funktion. Was aber passieren wird, wenn wir ein neues Objekt erstellen und dies ausführen, lassen Sie uns einen Blick werfen. So lassen Sie Benutzer gleich mu Person. Und was ich jetzt tun werde, ist, dass ich dies in Google Chrome-Konsole setzen möchte, nur wird einfacher für uns sein, die Ergebnisse von uns zu sehen. Also ja, Yoga, er hat unsere Konsole. Also alles, was ich tun möchte, ist, dass ich diese Funktion kopieren möchte. Gehen wir zu unserer Konsole und sie ist hier eingefügt. Und was jetzt passieren wird, ist jede zweite Hoch auf der Konsole angezeigt wird. Und Sie können sehen, dass genau das passiert. Es ist das, was wir erwarten würden. Aber was passiert, wenn wir zeigen wollten? Der Vorname, Wally, jedes Geheimnis. Denkst du, wir könnten das tun? Ja. Übrigens, falls Sie sich fragen, warum das jede Sekunde ausgeführt wurde, machen Sie einfach einen Schritt zurück und denken Sie darüber nach, was wir getan haben. Wir haben eine Konstruktorfunktion definiert. Wir haben einen neuen Benutzer definiert, und wir haben diese Konstruktorfunktion ausgeführt. Das Problem ist, dass das SEC-Intervall so ist, als ob das Flurstück es durchläuft und ausgeführt wird, es niemals stoppt. Wir haben es nicht einmal definiert, damit Sue auf unbestimmte Zeit weitergeht. Jedenfalls. Zurück zum richtigen Punkt, was passiert, wenn wir nicht hohe, aber hohe Lautstärke anzeigen wollten? Also wollten wir auf den Vornamen zugreifen. Nun, dein erster Gedanke könnte okay sein, cool. Lassen Sie uns einfach Vorlagenliterale verwenden und in Konsolenprotokoll gehen und hoch gehen. Und wir loggen diesen Vornamen aus, richtig? Irgendwie machen Szenen, die schien, lassen Sie uns diese Funktion kopieren. Das ist gut. Unsere Konsole hat uns wieder in klar die Konsole gestoppt. Nun fügen wir unsere neu erstellte Funktion ein. Was wird passieren? Hi, undefiniert. Und das ist der Punkt, den ich mit Funktionsausdrücken machen möchte. Diese Sitzintervall-Methode ist nur eine normale Funktion. Es gibt nichts Besonderes daran. Aber was passiert ist, ist, dass dieses Schlüsselwort auf das globale Objekt festgelegt wird, nicht an das neu erstellte Objekt gesendet wird , wenn der aktuelle Bereich, in dem es sich befindet, fast ignoriert wird. Und es verweist nur auf das globale Objekt. Und lassen Sie mich Ihnen das beweisen, nicht die einen Vortrag an der Spitze gab. Und jetzt erinnere dich, wie ich gesagt habe, dass dieses Schlüsselwort, wenn wir einen Funktionsausdruckverwenden einen Funktionsausdruck auf das globale Objekt verweist, mich das beweisen lässt. Und es dir zu beweisen, oder wir müssen es tun, ist es loswerden. Sie wird einfach das ganze Konsolenboot loswerden und kontrolliert das. Also tun wir das. Und lassen Sie uns diesen Ausdruck kopieren und er wird in Google Chrome eingefügt. Was wird jetzt passieren? Das Ego, das ist das Fensterobjekt, das jede Sekunde auf dem Bildschirm getröstet wird. Wieder zurück zur Konsole. Also sind wir wieder in der Konsole und wir wissen, was das Problem ist. Wir wollen nicht, dass dies an das globale Objekt gebunden ist. Wir wollen das fast. Frauen, fast wir wollen, dass dies an den ursprünglichen Kontext gebunden ist. Wir wollen nicht, dass es ersetzt wird, indem wir uns brauchen. Und genau das meinen wir, wenn wir sagen, dass die Pfeilsyntax dies nicht bindet. Sagen Sie jetzt, wir wollten, dass dies in seinem ursprünglichen Kontext gebunden ist. Dies ist der ganze Punkt einer Pfeilsyntax. Lassen Sie mich Ihnen zeigen, anstatt diese Syntaxfunktion anzeigen zu lassen, lassen Sie uns sie durch Pfeilsyntax ersetzen. Also brauchen wir die Funktion nicht und wir müssen sie nicht einmal benennen. Alle. Wir brauchen das Öffnen und Schließen von Klammern und den Fehler. Das ist die einzige Änderung, die wir vornehmen müssen. Nun, wenn wir diese Funktion kopieren und wir fügen diese in den Browser, immer noch von unserem vorherigen Beispiel. Lassen Sie uns die Seite aktualisieren. Löschen Sie die Konsole, fügen Sie Dysfunktion in Not. Was wird jetzt passieren? Dies ist perfekt, da wir jetzt die Konsolenprotokollierung des neu erstellten Benutzerobjekts haben. Und lasst uns das nochmal stoppen. Lassen Sie mich die Seite aktualisieren. Löschen Sie die Konsole. Wir gehen hierher zurück. Jetzt sind wir in der Lage, literale Syntax zu verwenden. Und wir können sagen, hallo, dieser Vorname. Und wir kopieren das, fügen es in unseren Browser ein. Wir sollten Hi Wally bekommen, jede Sekunde. Wie erstaunlich wie wir und ich hoffen, dass das darin versunken ist, dass dies das ist, was die Fehlersyntax tut. Wenn wir zurück zu unserer Konsole gehen, ist nur noch eine Sache, die ich Ihnen zeigen möchte. Eine andere Möglichkeit zu beweisen, dass dies auf das Personenobjekt verweist , ist innerhalb unseres Funktionsausdrucks. Ja, nachdem wir den ersten Nemo definiert haben, noch bevor es egal ist, können wir einfach sagen, dass der späte Umfang gleich ist. Und was wir tun können, ist, dass wir Protokollbereich gleich dem, dieses Schlüsselwort konsolen können. Mach diese beiden gleich. Und nochmal, lassen Sie uns das kopieren. Fügen Sie es in unsere Konsole ein. Will Gerichte klar auf den ersten, in unserer Konsole geklebt. Und wir sollten wahr werden. Und das tun wir. Also, da gehst du, da hast du es. Wir haben in die Tiefe gegangen, was das bedeutet und die Pfeilsyntax und wie es sich auf das Schlüsselwort dieses auswirkt. Ich hoffe, du hattest Spaß. 13. Zeit für Rückholzeit: Wer, Sir, wir haben eine unglaubliche Menge in kurzer Zeit gelernt. Und manchmal ist es einfach gut, einen Entlüftungsschritt zurück zu machen und herauszufinden, wo alles hineinpasst. So dachte ich, das wäre eine sehr, sehr schnelle Zusammenfassung. Oft werden Menschen zwischen Variablen, Objekten und Funktionen verwirrt. Mal sehen, was sie ihnen bieten. Variablen Mitglied, wir sagten, wir sollten Konstante verwenden. Lassen Sie es, dies ist die neue Syntax von ES6 eingeführt, const und spät oder Variablen. Und alles eine Variable ist, ist ein Container, um ein Stück Information zu speichern. Denken Sie darüber nach in Ihrer Speisekammer. Du legst Essen in einen Behälter. Sie beschriften den Behälter und legen ihn auf das Regal. Das ist alles eine Variable, ist nur ein Container. Wenn wir const verwenden, wissen wir, dass wir nicht wollen, dass sich das jemals ändert, zum Beispiel mein Name. Aber wenn Sie das let-Schlüsselwort verwenden, Sie an, dass Sie diese Variable tatsächlich neu zuweisen können, wenn Sie möchten. So wird sich zum Beispiel jedes Jahr Ihr Alter ändern. Stats Variable, Sie haben das abgedeckt. Was ist mit einem Objekt? Oder ein Objekt ist auch irgendwie wie ein Container. Aber es speichert nicht nur einen Wert, der viele Namenswertpaare speichert , und Sie trennen jedes Namenswertpaar gemeinsam. Wir haben das gesehen. Und um ein Objekt zu definieren, müssen Sie diese geschweiften Klammern verwenden. Das sagt JavaScript, hey, das ist ein Objekt, das als Objekt behandelt wird. Und schließlich haben wir Funktionen, die wir gerade durchgemacht haben. Und eine Funktion und ich mag es, als ein Tun Wort zu betrachten, das etwas tut. Und wir haben etwas über die neue Pfeilsyntax gelernt. Und wir haben gelernt, dass die verschiedenen Möglichkeiten, eine Funktion zu definieren, Sie betrachten jetzt, wo wir sagen, lassen mit und wir haben die Pfeilsyntax verwendet, das ist ein Funktionsausdruck. Und wir haben gesehen, dass wir das Schlüsselwort return verwenden sollten, zielt auf die Ausführung der Funktion ab. Und wie rufen wir eine Funktion auf? Wie nennen wir es? Wie führen wir es aus? Können Sie sehen, alle diese Namen sind nur schicke Worte, aber sie alle bedeuten dasselbe. Nun, um die Funktion mit aufzurufen, müssen wir den Namen aus verwenden, weil wir JavaScript sagen müssen , welche Funktion wir aufrufen möchten. Und dann folgen wir dem einfach durch Klammer. Und das war's. Also machen Sie einen Schritt zurück, schauen Sie sich diese auf einem Stück Papier an. Haben Sie einen Blick aus der Vogelperspektive. Und dann kannst du irgendwie anfangen zu spüren, warum wir alle drei brauchen. Wir können nicht einfach einen wegschaffen. Hoffe, das war wirklich, wirklich cool Abschnitt. Und ich hoffe, Sie haben den Kurs genossen. Ich hatte eine enorme Menge Spaß, es zusammenzubauen. Ich liebe das Zeug. Und die gute Nachricht ist, dass wir noch nicht fertig sind. Wir sehen uns bald. 14. toLowerCase() Methode – Einführung: Wer ich schätze, was ich heute Morgen von unserem ersten Mal gehört habe, habe ich eine Yoga-Sitzung gemacht und bin zerbrochen. Wir haben dieses Ding genannt, ich glaube, der Vogel des Paradieses genannt wurde. Pyres hat mir den Verstand vermasselt. Jedenfalls habe ich gerade eine Menge Schmerzen. Aber das sollte uns nicht aufhalten, etwas über JavaScript zu lernen. Und ganz speziell möchte ich, dass wir über diese Methode lernen, die zwei Kleinbuchstaben genannt wird. Es klingt einfach, aber ich möchte nur, dass Sie genau verstehen, wie es funktioniert, weil es eine sehr, sehr nützliche Methode ist, die uns direkt von JavaScript aus zur Verfügung gestellt wird. Obwohl es keine Argumente braucht, ist es eine super praktische Methode. Warum? Nun, in vielen Fällen möchten Sie, dass Ihr Text oder Sie möchten, dass Ihre Strings Groß- und Kleinschreibung nicht berücksichtigt. Aka, du willst keine Hauptstädte zu einer Fälschung, was auch immer du tust. Wenn Sie beispielsweise eine Liste haben und ein Benutzer ein bestimmtes Wort eingibt, möchten Sie manchmal sehen oder vergleichen, ob dieses Wort in der Liste enthalten ist und Sie nicht möchten, dass Großbuchstaben Ihre Formeln ruinieren. In diesem Fall, warum nicht einfach alles in Kleinbuchstaben konvertieren? Und um das zu tun, wenn wir die zwei Kleinbuchstaben emittiert verwenden. Also ohne weiteres, lassen Sie uns schnell in die Präsentation springen und fangen wir an, über die zwei Kleinbuchstaben Methode genießen zu sprechen. Also, was genau ist diese ToLowerCase-Methode? Sehr einfach alles, was es tut, und es ist sehr intuitiv. Es wandelt Ihren Geschmack ganz in Kleinbuchstaben um. Mit anderen Worten, die ToLowerCase -Methode gibt die aufrufende Zeichenfolge zurück, die Zeichenfolge, für die Sie sie aufgerufen haben. Es wandelt diesen Zeichenfolgenwert in Kleinbuchstaben um. Und ich könnte hier einfach aufhören, aber ich möchte, dass Sie nur ein wenig mehr über diese ToLowerCase-Methode wissen. Erstens ist es eine JavaScript-Funktion, die uns von der JavaScript-Sprache zur Verfügung gestellt wird. Seconds IQ nimmt keine Argumente, aber lassen Sie sich nicht täuschen. Es ist immer noch eine sehr mächtige Methode. Und was ich wirklich möchte, dass Sie noch verstehen, und ich möchte in diesem Punkt pausieren, ist, dass die ToLowerCase-Methode die ursprüngliche Zeichenfolge nicht ändert. Stattdessen wird die neue geänderte Zeichenfolge generiert. Hefe war alles Kleinbuchstaben. Lass mich rüber zur Konsole springen und dir zeigen, was ich damit meine. Okay, wir wissen also, dass die Kleinbuchstaben Methode die ursprüngliche Zeichenfolge nicht beeinflusst. Ich will es dir jetzt nur beweisen, wie soll ich dann tun? Wir werden, lassen Sie uns eine Zeichenfolge erstellen und nennen es einfach einen Satz Original. Und das sagt einfach, mach das gleich verrückten Fröschen oder einfach nur, na ja, du weißt schon, verrückt. Wie ist das? Und dann lassen Sie uns einen neuen Satz erstellen. Also diese cool es Satz tiefer. Und ja, ich möchte, dass wir auf unseren ursprünglichen Satz zugreifen. Und das möchte ich, dass wir als Nächstes auf einer Achse tun, der zwei-Kleinschreibung. Und was wirklich genial ist, ist, dass, weil wir eine Zeichenfolge haben und dieser Satz original straffe Zeichenfolge ist, wir automatisch Zugriff auf JavaScripts toLowerCase Methode haben. Wie greifen wir darauf zu? Werden wir mit der Punktnotation beenden? Und natürlich können wir einfach mit der Eingabe von ToLowerCase beginnen und unsere IDE nimmt diese Methode bereits auf. So kann ich einfach auf Tab klicken. Öffne und geschlossene Klammern, um diese Methode auszuführen. Und wir sind fertig und bestäubt. Jetzt kann ich einen Browser öffnen und wir können Dinge auf dem Bildschirm protokollieren. Aber ich möchte etwas namens Crocker benutzen. Wir gehen zu meinem Aussterben Tab hier. Und ich fange an, Crocker zu tippen. Und Sie können sehen, dass ich gemeinsam in meiner IDE installiert habe. Es ist wirklich, wirklich nützlich, so sehr zu empfehlen. Und alles, was wir tun müssen, um Crocker zu betreiben, ist, dass wir hier buchstäblich das Suchfeld aufrufen. Ich habe die Strg-Taste auf meiner Tastatur gedrückt und möchte eine Uhr oder die aktuelle Datei starten. Es ist nur ein zusätzliches Plug-in und es erlaubt uns JavaScript in Echtzeit in dieser Datei auszuführen. Es ist alles, was es tut. Also los geht's und alles, was ich tun will, ist, dass ich das Original des Satzes ausloggen möchte. Und Sie können sehen, dass die blauen Daten nimmt. Das ist es, was getröstet wird, Beine, was uns von JavaScript zurückgegeben wird. Und das ist Crocker, der arbeitet. Es ermöglicht uns nur, unsere Effekte in Echtzeit für Ihre sehr nützlich zu sehen. Was denkst du, wird passieren, wenn wir den Satz tiefer zurückgeben? Ich bin sicher, dass Sie es wahrscheinlich schon erraten haben. Alle. Es wird passieren, ist, dass wir genau das Gleiche bekommen, das alles in Kleinbuchstaben. Aber was ich Ihnen beweisen konnte, ist, dass unser Urteilsspruch, ursprüngliche Satz, den wir zusammen geschrieben haben, unverändert ist. Diese ToLowerCase-Methode ändert diese ursprüngliche Zeichenfolge nicht. Okay, irgendwie heilige Menschen werden beobachtet. Lasst uns weitermachen. Ok, cool. Also haben wir gesehen, dass es die ursprüngliche Zeichenfolge nicht ändert. Infiziert erzeugt einen neuen. Aber zu diesem Zeitpunkt können Sie immer noch Ihren Kopf kratzen. Möglicherweise werden Sie erwischt und Geräusche von JavaScript bereitgestellt. Aber wir kommen genau aus. Und die Antwort darauf ist Drumroll, bitte. Das kommt aus dem String-Objekt in JavaScript. Und denken Sie daran, dass das String-Objekt ein globales Objekt für alle Strings ist. Lassen Sie mich wieder zur Konsole springen und Bilder zeigen Ihnen, wo wir sie finden können. Lasst uns genau dort abholen, wo wir aufgehört haben. Denken Sie daran, dass wir den Satz geschrieben haben, wir haben ihn in Kleinbuchstaben umgewandelt. Ich will dir nur beweisen, dass es an einer Schnur sein muss. Eine Möglichkeit, dies zu tun, ist, dass wir den Typ des Operators verwenden. Also lassen Sie uns Konsolenprotokoll. Und lasst uns gehen und Art von. Und wir wollen uns ansehen, was unsere ursprüngliche Zeit ist. Und wir können sehen, was uns von JavaScript zurückgegeben wird, ist ein String-Typ. So kennen wir unsere Symptome ursprünglichen Variablenzeichenfolge, und deshalb könnten wir diese ToLowerCase-Methode ausführen. Aber Sie fragen sich wahrscheinlich, wie diese genaue Methode von einem ist, wie sehen Sie es? Will, es ist sehr, sehr einfach. Gehen wir einfach und öffnen Sie einen Browser. Also werde ich nur mit der rechten Maustaste auf mein Chrome mu namens Nieto klicken. Und gehen wir zum Konsolen-Cookie. Gehen wir rauf und rauf auf die Konsole. Das Museum Indien, damit Sie sehen können, was los ist. Und es ist sehr einfach. Alles, was ich tun möchte, ist, dass ich trösten und tun möchte, ist übrigens anders als Konsolenprotokoll. Es gibt uns, was immer wir heiß machen wollen. Aber im JSON-ähnlichen Format, in einem baumartigen Format. Und natürlich möchte ich das JavaScript-String-Objekt erhalten. Denn denken Sie daran, wir wissen, dass unser ursprünglicher Satz eine Zeichenfolge ist. Also wissen wir, dass es vom Typ String ist. Und wenn wir die Schnur öffnen, und wieder ist es nicht viel auf hier. Wir haben eine Verbindung, wir haben einen Namen. Aber was wir uns ansehen wollen, ist dieser Prototyp weil er viele Methoden und Eigenschaften erbt. Und da es sich um eine Zeichenfolge handelt, es sich hier um einen Prototyp als String handelt, erhalten wir viele Methoden und Eigenschaften vom String-Typ. Und wenn wir nach unten scrollen, sollten wir Kleinbuchstaben finden. Und da ist es. Und wir haben es buchstäblich gefunden, weißt du, genau wo es herkommt. Es scheint, dass wir noch nicht fertig sind. Also lasst uns wieder in die Vorlesung springen. Wir haben gesehen, dass es von einem String-Objekt und einem hohen Fall kommt, es ist ziemlich intuitiv, dass nur mit Strings funktioniert. Wenn Sie versuchen, in anderen Tochtertypen zu analysieren, wie null undefined, wir sogar eine Zahl, die JavaScript-Parser Wand werfen Sie einen Fehler. In der Tat erhalten Sie einen Typfehler. Stellen Sie also sicher, dass Sie den Typ nehmen, bevor Sie ihn in diese Funktion analysieren. Andernfalls stürzt Ihre App ab. Wovon rede ich? Nun, lassen Sie mich noch einmal auf die Konsole springen und führt in Richtung Codierung zusammen, nur um dies in Aktion zu sehen. Eine letzte Sache, bevor wir dies beenden, denken Sie daran, dass wir sagen, dass es nur für einen String-Typ verwendet werden kann. Also lassen Sie uns scrollen mit tatsächlich gerade fertig aus wird genau dort abholen, wo wir aufgehört haben. Es ist klar, die Konsole. Also, was bedeutet das? Nun, das bedeutet, wenn wir eine Nummer haben, sagen wir einfach 85 und wir versuchen, auf Kleinbuchstaben zuzugreifen. Was denkst du, wird passieren? Nun, wir erhalten einen Syntaxfehler, ungültiges oder unerwartetes Token. Wir können es nicht toLowerCase-Methode für eine Nummer nennen. Machen Sie Sinn. Was ist mit einer Art Array? Also sagen wir, wir haben eine Moräne mit einem Artikel namens BU. Und wir versuchen Zugang zu Kleinbuchstaben als wirtschaftlich. Nein, wir erhalten einen Typfehler. Darauf können wir diese Funktion nicht aufrufen. Was ist mit undefiniert? Nun, wenn wir versuchen, wieder auf Kleinbuchstaben auf undefined zuzugreifen, wieder, wird es nicht funktionieren. Und was ist jetzt, wenn wir null versuchen? Ich denke, das wird funktionieren. Das ist also der Punkt, den ich ansprechen möchte. Wir können nur auf die ToLowerCase-Methode auf Strings zugreifen. Ich hoffe, du machst Spaß und stritt viel. Dies ist also nur ein wenig mehr Details zur ToLowerCase-Methode, die Sie zuvor vielleicht nicht gekannt haben. Schlüsselanhänger bleiben motiviert und wir sehen uns in der nächsten Vorlesung. 15. Array.from() – Intro: Ich hoffe, Sie haben eine Menge Spaß in diesem Kurs. So sehr ich auch bin. Ich liebe es, diese Dinge zusammenzubringen und habe unterrichtet, was ich über viele, viele Jahre gelernt habe. Wie auch immer, das nächste, was ich wollte, dass wir sehr kurz diskutieren, ist ein weiteres sehr nützliches Bett, ein wenig erweiterte Funktion in JavaScript namens Array von. Und was macht diese Methode? Was die sehr, sehr, sehr grundlegende Ebene, alles, was es tut, ist, dass es ein Array erstellt, aber nicht aus einem Array, weil sie sinnlos wären. Es erstellt ein Array aus zwei Arten von verschiedenen Dingen. Erstellt ein Array aus einem und Array-ähnlichen Objekt. Und alles, was ich damit meine, ist, dass es ein Objekt ist, das eine Längeneigenschaft hat. Und zwei, Sie können ein Array aus einem iterierbaren Objekt erstellen. Danke Doc traf Pulsate. Wie auch immer, das ist momentan nicht wichtig. Das Wichtige zu verstehen ist, dass das Array von der Methode etwas nimmt und es in ein Array konvertiert. Warum wollen wir das dann tun? Will, wenn wir es in so etwas wie ein Array erstellen können, können wir bestimmte Methoden und Eigenschaften zur Verfügung haben , die wir auf diesem neu erstellten Objekt verwenden können, ein ganzes Tetraeder erstelltes Array. Sag mal, dass du Heilige machst. Mach dir keine Sorgen, wenn es nicht das erste ist, was ich möchte, dass Sie verstehen, was das Array von der Methode ist, dass es sich im Array selbst befindet. Was ich mit diesem Limit meine, springen Sie auf die Konsole und zeigen Sie schnell. Ich habe meine Konsole geöffnet. Ja, und das Einzige, was ich Ihnen zeigen möchte, ist ein Weg, das von gepaart zu finden. Und wie ich bereits erwähnt habe, ist es auf dem Array-Objekt in JavaScript selbst. Wie kann ich es beweisen? Nun, zuerst, lassen Sie uns einfach das Array trösten. Und wenn wir das als Array tun, das uns von JavaScript zur Verfügung gestellt wird, öffnen wir das. Wir scrollen nach unten. Und da ist es. Die, ist die von macht es ziemlich einfach, oder? Also gehen wir hin. Wir wissen, dass das Array von der Methode, wie es auf dem Array-Objekt von JavaScript gefunden wird, irgendwie Sinn macht, oder? Aber wir sind noch nicht fertig. Lassen Sie mich in die Vorlesung springen und lassen Sie uns über diese Methode ein wenig detaillierter sprechen . 16. Array.from() – Wie funktioniert das es?: Was genau ist das Subarray von der Methode? Wir werden sehr intuitiv, und im Grunde alles, was es tut, ist, dass es ein Array aus einem Array-ähnlichen Objekt auf iterierbarem Objekt erstellt . Aber ich werde jetzt nicht darauf hineinkommen. In ähnlicher Weise ist das Array aus der Methodik genau wie die ToLowerCase-Methode eine reine JavaScript-Funktion. In der Tat wurde es als Teil von ES6 eingeführt. Es6, übrigens, war nur eine große Überholung und Upgrade auf ES fünf. Und du kratzst dir wahrscheinlich nicht den Kopf, aber du hast vielleicht schon vergessen, woher er er kommt. Und wir haben gerade gesehen, dass es vom Array-Objekt selbst stammt. Aber das sind alles Dinge, die Sie bereits wissen. Also, wie funktioniert es? Nun, es ist sehr einfach, auf diese Methode zuzugreifen. Wir beginnen mit dem Zugriff auf das Array-Objekt von JavaScript innerhalb von xi, der von -Methode. Und die front-Methode nimmt ein Argument und ihr Argument ist ein Array-ähnliches Objekt. Aber bevor wir mehr darüber reden, was es tut, geht es oben auf den Codierungs-Editor und führt zu sehen, wie es in Aktion funktioniert. Bevor wir anfangen, auf das Array von der Methode näher zu kommen, möchte ich nur, dass Sie verstehen, wie es funktioniert. Denk daran, was ich gesagt habe. Es muss ein Array-ähnliches Objekt auf iterierbarem Objekt sein, damit wir dieses Array von der Methode verwenden können. Also, wie funktioniert es? Nun, lassen Sie uns ein Array-ähnliches Objekt definieren. Und das hier ist einfach sehr, sehr einfach. Sagen wir einfach was? Okay, also wissen wir, dass es in diesem Fall eine Schnur ist. Wie gefällt das Array von Luke? Nun, erstens möchte ich nur sagen, Aflac Corker, offener Kocher erlaubt uns nur, JavaScript in Echtzeit in unserem Texteditor auszuführen. Wir müssen also nicht weiter zum Browser springen. Es ist nur viel schneller, Ihren Code zu erhöhen. Es ist wirklich praktisch. Jedenfalls. Wie funktioniert es? Nun, lassen Sie uns die Konsole etwas protokollieren und lassen Sie uns auf das Array-Objekt von JavaScript auf den Namen zugreifen. Wir wissen, dass es eine Methode gibt, die von aufgerufen wird. Und wir wollen unser Array wie übergeben und wie Sie sehen können, braucht es unser Array-ähnliches Objekt wert und es wandelt es in ein Array um, das wirklich, wirklich genial ist. Und Sie können hier sehen, unser Array besteht nur aus jedem Liter in dieser Zeichenfolge. Und es ist alles, es ist erledigt. Die Spitze zurück zur Vorlesung. Kühlt und macht Dinge. Wir haben uns ein sehr einfaches Beispiel angesehen. Aber bedenken Sie, dass was bedeutet dieses Array-ähnliche Objekt? Nur bedeutet, dass das Objekt eine length Eigenschaft und indizierte Elemente haben muss. Was meine ich damit? Nun, wir springen wieder auf die Konsole in diesem nur schauen, was ich rede. Fluorid Also haben wir uns dieses Beispiel hier angesehen, aber wie und warum funktioniert es? Denken Sie daran, das Array von der Methode wird nicht auf alles funktionieren. In der Tat, wie die Beschreibung Art Saison, wie wir gesprochen haben, funktioniert es nur auf Array-ähnlichen Objekten. Und was das bedeutet, ist, dass das Objekt eine Längeneigenschaft und D4-Indexelemente haben muss . Was soll ich meine? Nun, es hat eine Konsole. Also lassen Sie mich hier mit der rechten Maustaste auf Google Chrome klicken. Neuer Inkognito IMRT. Lassen Sie mich zu einer Konsole gehen. Und irgendwie Szenen zu machen. Kannst du das sehen? Und denken Sie daran, was wir gesagt haben. Lassen Sie uns einfach Hund oder Array-ähnliches Objekt als Wert definieren. Und wir wissen, dass das Array von der Methode auf uns funktioniert. Wir haben gerade ein Beispiel dafür gesehen. Ihnen Nun, umIhnenzu zeigen, lassen Sie uns dieses Array wie Objekt konsolen und ich möchte auf sein Proton schauen. Und wenn wir das ausladen, wissen wir, dass es vom Typ String ist. Und wenn wir die String-Methode öffnen, ist das, was großartig ist, dass wir diese Link-Eigenschaft haben. Das ist, was ich mit einer Array-ähnlichen Objekt-ID meine, muss diese Link-Eigenschaft haben , damit das Array von es funktioniert. Da gehst du. Hope macht Szenen. Springen wir zurück in den Vortrag oder die Quoten. Ich hoffe, es fängt an, für Sie mehr Sinn zu machen. Und denken Sie daran, was ich vorhin gesagt habe, dass es mehr als ein Argument braucht. Eigentlich kann es bis zu drei Argumente dauern, kann eine Karte nehmen, und es kann dauern, worauf Sie sich beziehen möchten. Und bedenken Sie, dass diese Argumente optional sind. Sie müssen sie überhaupt nicht in diese Funktion einfügen. Und viele Leute kombinieren tatsächlich das, dieses optionale Argument in dieser Kartenfunktion selbst. So oft werden Sie nur zwei Argumente im Array von der Methode sehen. Jedenfalls möchte ich nicht zu sehr ins Detail gehen. Ich kann Ihnen schnell zeigen, worum es auf der Karte geht. Also oben rüber zum Texteditor wieder. Und schauen wir uns an, wie das funktionieren würde. Last but not least, lassen Sie uns sehen, wie das zweite Argument für das Array von der Funktion funktioniert. Worum geht es denn? Nun, lassen Sie uns alles löschen, was wir zuvor auf unserem Bildschirm hatten. Und das definieren Sie ein Array ist nur sagen, dass unser Array einen Hund hat und Sie es erraten. Eine Katze. Freeway, einfach. Nun, was ich tun möchte, ist, dass ich eine Handler-Funktion definieren möchte. Ich möchte alles in diesem Array nehmen und ich möchte etwas auf dem Bildschirm abmelden , so dass es das Funktionsschlüsselwort von JavaScript verwendet wird. Das ist cool. Es Handler, wir können es nennen, was wir wollen. Die Hand wird in jedem Fall ein Tier nehmen. Und alles, was ich tun möchte, ist, dass ich nur eine Anweisung zurückgeben möchte, und ich werde hier Vorlagenliterale verwenden. Und was ich sagen werde, ist, dass ich sagen werde, dass ein Tier läuft und läuft. Also, da gehst du hin. Das ist nichts zu tiefes. Es ist eine sehr, sehr einfache Funktion. Was will ich jetzt tun? Nun, lassen Sie uns Konsolenprotokoll existieren das Array von der Methode. Wir wissen, dass wir auf diesen Array-Typ zugreifen wollen. Eine Hand hat, können Sie hier sehen, wenn wir es nur mit einem Argument halten, macht buchstäblich keinen Sinn für uns, dies zu tun, weil es ein Array bereits ist. Es hat also keinen Sinn, ein Array aus einem Array zu erstellen. Aber es ist das zweite Argument, dass die Karte, die ich will, dass wir verstehen. Und das zweite Argument ist, was wir als diese Handler-Funktion definiert haben. Und da gehen wir. Zu uns zurückgekehrt. Auf dem Bildschirm ist ein Hund zu Fuß und ein kackerndes Gehen. Dies ist ein neues Array. Jetzt hat es ein brandneues Array erstellt, und es wird genommen, jedes Element im ursprünglichen Array kostet durch eine Kartenfunktion, und es wird uns ein neues Array zurückgegeben. Macht das Sinn? Und darum geht es. Ich hoffe, du hast Spaß. Und ich denke, mittlerweile haben Sie irgendwie ein gutes intuitives Gefühl. Folgt Arbeiten. So gut gemacht. Ich bin sehr, sehr beeindruckt. Ich hoffe, es stirbt, ein bisschen mehr Szenen zu machen. Und keine Sorge, wenn Sie in Ihrer Programmierkarriere auf diese stoßen, werden Sie es immer mehr verwenden und es wird viel intuitiver. Ich wollte nur, dass Sie über das Array von MRD wissen, weil es ein ist, es kann sehr praktisch sein, was mich zum nächsten Thema bringt. Und deshalb müssen wir über das Array von MTD wissen. Warum habe ich es überhaupt in diesem Kurs besprochen? Manchmal wollen wir mit Methoden arbeiten, die vom Array-Objekt zur Verfügung stehen. Beispielsweise ist die für jede Methode nur für das Array-Objekt verfügbar. Und um auf diese Methode zuzugreifen, müssen wir manchmal das , was wir in unserem Code arbeiten, in ein Array konvertieren. Macht das Sinn? Und darüber hinaus das Array von der Methode äußerst nützlich. Es ermöglicht Ihnen, viele andere Dinge wie das Klonen von Arrays, Entfernen von Duplikaten, sogar das Füllen eines Arrays usw. zu tun, die eine Menge Dinge sind, die Sie tun können. Und auf jeden Fall werden Sie weniger verwenden, wenn Sie mit DOM-Sammlungen arbeiten. Und es bringt mich zuerst zurück, manchmal wollen wir Methoden verwenden, die nur für das Array-Objekt verfügbar sind. Wenn Sie beispielsweise mit einer DOM-Sammlung und HTMLCollection arbeiten . Manchmal müssen wir das in ein Array-Objekt konvertieren , um auf Methoden zuzugreifen, die wir wollen. Also ich denke, was ich zu sagen versuche, ist, dass es nützlich wenn Sie mit Array-ähnlichen Objekten begegnen und arbeiten. Es bietet ein wenig mehr Klarheit darüber, was diese Methode tut. Keine Sorge, wir kommen nur darauf ein. Also keine Panik, wenn du es nicht vollständig verstehst. Gh, es wird durch die Zeit kommen. Ich hoffe, Sie genossen diese coole bisher Huike, bleiben motiviert und ich sehe Sie in der nächsten Vorlesung. 17. indexOf() – Einführung: Eine weitere sehr unglaubliche Funktion in JavaScript ist als dieser Funktionsindex bekannt. Und was macht es? Nun, auf sehr grundlegender Ebene, das sagt Ihnen, ob ein bestimmtes Element in einem Array oder einer Zeichenfolge gefunden werden kann. Der Index der Methode wurde dem 8ma 262. Standard in der fünften Ausgabe hinzugefügt. Die, was das bedeutet, sagte Eleusis hinzugefügt am dritten Dezember 2009. Was ich also sagen möchte, ist, dass Sie sich keine Sorgen darüber machen müssen dass Browser diese Methode nicht integrieren. Jeder Browser heute ermöglicht es Ihnen, den Index der Methode zu verwenden. Okay, toller Kunde, alte Browser können einen Hund akzeptieren. Wie sieht es aus, wenn wir anfangen, es zu benutzen? Wird erstens, rufen Sie den Index der Methode auf, indem Sie seine Wörter eingeben, ist es Schlüsselwörter Index aus. Dieser Dean nimmt zwei Argumente an. Das erste Argument ist das Suchelement und alias das Element, nach dem Sie suchen möchten. Und das zweite Argument ist optional. Es ist der Ausgangspunkt Ihrer Suche. Keine Sorge, wir werden in Kürze Beispiele dafür sehen. Also das Ego, so sieht es irgendwie aus, auf hohem Niveau. Und wie ich bereits erwähnt habe, werden wir uns Beispiele ansehen. Aber bevor wir es tun, ist das etwas sehr Wichtiges, das Sie verstehen müssen. Und das ist diese IndexOf-Methode existiert nur für zwei Tochtertypen in JavaScript. Der erste Tochtertyp, der beim Löschen vorhanden ist. Was ist ein Array? In JavaScript? Und Array ist nur eine einzelne Variable, die verwendet wird, um verschiedene Elemente zu speichern und zu bedenken, das JavaScript-Array ist ein globales Objekt, was bedeutet, dass Sie irgendwie von Ihnen aus darauf zugreifen können. Aber genug Gerede. Ich möchte eigentlich zu unserem Texteditor springen und ich möchte anfangen, eine Gehaltserhöhung mit dir zu programmieren. Und ich möchte anfangen, diesen Methodenindex zu betrachten, speziell auf Arrays. Lass uns zur Konsole springen und es spielt immer noch herum. 18. mit Arrays verwenden: Okay, also hier sind wir. Und ich möchte, dass wir anfangen, gemeinsam zu programmieren, aber ich möchte, dass wir Schritt für Schritt gehen, langsam, langsam einen Affen fangen. Das erste, was wir erwähnt haben, ist, dass dieser Index von auf $2-Typen in JavaScript existiert. Und das erste Auto oben, das wir betrachten, ist das Array. Also lassen Sie mich es Ihnen beweisen, bevor wir weiter in unserer Codierung gehen, ging ich zum Konsolenprotokoll. Alles, was es ist nur Konsole macht das Array-Objekt aus. Wenn wir dies öffnen und wir betrachten seinen Prototyp ist ein Index der Methode, sie, wir gehen, können Sie uns sehen? Also, jetzt habe ich Ihnen gerade bewiesen, dass es auf dem Array existiert, diesem globalen Array-Objekt in JavaScript. Es ist so, wie es kommt. Okay, also gehen wir jetzt zu unserer Codierung. Es, es ist oben. Ich habe gerade eine leere Datei app.js geöffnet, und ich laufe Coca Caucus. Sehr nützlich übrigens, variiert. Sehr nützlich. Ich sage es immer, aber es ist sehr gut. Okay, das erste, was ich irgendwie zu dir herüberkommen will, ist eins als Array, wird 50. Lassen Sie uns ein Array erstellen und wir verwenden es durch die eckigen Klammern. Ja, und ich möchte nur sagen, ich bin das erste Element. Das zweite Element. Und du hast es erraten, ich bin das dritte Element, C. Hier geht's los, wir haben ein Array erstellt. Wir benutzen diese eckigen Klammern. Und wie greifen wir auf Arrays zu? Wir werden zuerst erwähnen, dass JavaScript-Arrays oder Sarah. Was soll ich damit meine? Ich meine nur, dass das erste Element eines Arrays immer Index bei 0 ist. Und das letzte Element kann immer an dem Index gefunden werden, der dem Wert der Längeneigenschaft minus1 des Arrays entspricht. Lassen Sie mich Ihnen zeigen, was ich meine. Also lasst uns unsere Konsole protokollieren. Und denken Sie daran, wie ich gesagt habe, dass es 0 indiziert ist x das erste Element im Array ist. Wir geben 0 ein. Ich bin das erste Element. Und natürlich haben wir das nicht für die nächsten Dinge gemacht, oder? Wir können 012 auf dem ersten und dem zweiten und dem dritten Element gehen. Macht es Sinn? Und die andere Sache, die ich erwähnen möchte, ist, dass jedes Array eine Längeneigenschaft hat. Also, wenn wir unser Array abmelden und wir auf diese Eigenschaft namens Links zugreifen, wissen wir, dass unser Array drei Elemente hat. So ein sehr praktischer Tipp, wenn es um Codierung geht. Und ich werde sogar hier reinkommen, wir können immer Xs den letzten Punkt in NRA so. Und das ist sehr, sehr nützlich. Bitte denken Sie daran, dass Sie die Lösung eingeben. Denk nur darüber nach, was wir gerade getan haben. Wir wissen, dass die Länge des Arrays drei ist. Und wenn Sie sich ihr Konsolenprotokoll direkt oben ansehen, wissen wir, dass wir auf das letzte Element zugegriffen haben, ich benutze Array und den Index zwei. Und denken Sie daran, JavaScript-Arrays sind immer Index bei 0. Wir wissen also, dass das letzte Element im Array diese Array-Länge ist, die drei minus eins ist, was uns zu zwei bringt. Also alles, was ich zu sagen versuche, ist auf das letzte Element im Array zuzugreifen. Alles, was wir tun müssen, ist auf unser Array zuzugreifen. Und jetzt, wenn Sie nicht wissen, was der Link ist, ist es sehr praktisch, auf die Link-Eigenschaft zuzugreifen, die in diesem Fall nicht definiert ist, da es kein viertes Element im Array gibt. So bist du immer minus1. Macht es Sinn? Ich hoffe es. Und Herbizide erhalten ein intuitiveres Gefühl, wie Arrays funktionieren. Das andere, was ich erwähnen möchte, Logistikführer. Männer hassen es, Dinge manchmal zu löschen. Haben wir so lange verbracht, um Punkte zu bekommen, und ich habe gerade gelöscht, es ist ein bisschen traurig, Mann auf dem Fluorid, aber wie auch immer, lassen Sie es ist ein bisschen traurig, Mann auf dem Fluorid, uns ein neues Array erstellen, 123. Die andere Sache, die ich nur mit Arrays erwähnen möchte, ist, dass Sie die Punktnotation nicht verwenden können, um auf Elemente zuzugreifen. Dies ist ein wichtiger Punkt. So zum Beispiel, wir konsolen protokollieren unser Array und wir versuchen, das erste Element zu bekommen. Es wird uns nicht zulassen, dass wir es tun. Wir erhalten tatsächlich einen Syntaxfehler. Also bedenken Sie das einfach. Und es ist nicht, weißt du, es gibt nichts Besonderes daran. Infizieren. Javascript-Eigenschaften, die mit einer Ziffer beginnen, können nie mit der Dokumentation referenziert werden , müssen immer in der Verwendung der Klammernotation vorhanden sein. Die Nuance von JavaScript, keine Sorge. Ok, aber Sie fragen sich wahrscheinlich den Client, ich möchte nicht über Arrays lernen. Wir sind auf dem Thema Index von n. Sie sind ein 100% korrekt. Ich wollte dich nur irgendwie mit Arrays vertraut machen, bevor wir hineinspringen. Ok? Der Punkt, den ich mit Indexfällen machen möchte, ist, dass es den ersten Index zurückgibt, bei dem ein bestimmtes Element im Array gefunden werden kann oder nicht im Array existiert. Minus1 wird zurückgegeben. Was soll ich meine? Wir lassen uns ein Array namens Tiere definieren. Und es hat eine Warzenschweine, die eine Giraffe hat. Und da steht, ich habe einen Büffel. Und da steht, dass es eine Linie hat. Wie funktioniert es? Nun, schauen wir mal. Lassen Sie uns die Konsole protokollieren, damit wir tatsächlich das Ergebnis dessen sehen können, was wir produzieren. Die erste Sache, um auf unseren Index von zuzugreifen, ist der Zugriff auf ein Array. Und das Array, auf das wir zugreifen werden, ist unser Tier-Array. Wir wollen nun auf den Index der Methode zugreifen, die in alle Arrays integriert ist. Und suchen wir nach Reden. Was würden Sie erwarten, zu sehen? Wo befindet sich Warzenschweine? Das ist richtig, es befindet sich bei Index 0. Denken Sie daran, JavaScript-Arrays sind immer bei Bass Sarah indiziert. Also, wenn wir versuchen, Warzenschweine zu finden, können wir sehen zurück zu uns ist 0. Das macht viel Sinn. Und ich werde diesen Code einfach duplizieren. Suchen wir jetzt nach Buffalo. Was denken Sie, die Indexnummer, die sein wird? Lassen Sie uns unsere erwartete Zahl schreiben, um zu sehen, ob das richtig ist. Nun, was ich tun will, ist, suchen wir nach Hund. Was glaubst du, wird mit Hund passieren? Nun, wie ich bereits erwähnt habe, wenn es nicht gefunden wird, wird uns negativ als Mixins zurückgegeben. Also denken Sie daran, negativ bedeutet, dass es nicht gefunden wird. Und das letzte, was ich erwähnen möchte, kurz bevor wir weitermachen, ist, dass der Index der Methode Elemente in Ihrem Array mit strikter Gleichheit vergleicht. Mit anderen Worten, mit der gleichen Methode, die vom dreifachen Gleichheitszeichen verwendet wird. Denken Sie daran. Okay, Clyde, Das ist alles gut und gut, aber wir verwenden nur ein Argument in diesem Array-Index. Ich möchte beides verwenden und ich möchte es genauer verstehen , während es gut ist, meinen Mitschüler zu hören. Lassen Sie uns alle diese Konsolen löschen. Lasst uns jetzt nach diesem vom Krieg zerrissenen Tier suchen. Aber lassen Sie uns unseren Methodenindex erzählen. Wir wollen nur mit dem zweiten Punkt in unserem Array beginnen, ein ab Index eins. Was glaubst du, wird dann passieren? Gehen wir zu unserem zweiten Argument in dieser Methode. Und sagen wir, wir wollten mit dem zweiten Element im Array beginnen. Natürlich gibt es sie nicht, weil wir wissen, dass wir von Giraffe an schauen und es gibt keinen Wandschlepper. Dieser Blick auf ein anderes Beispiel, das jetzt schauen Sie sich Mozilla. Und lassen Sie uns unseren Index von gepaart sagen, von sagen wir, das dritte Element in der Array-Nummer zwei zu suchen . Und in diesem Fall gibt es unsere Indexnummer zurück. Es ist also sehr, sehr cool. Und wir wissen, dass es existiert. So funktioniert ein zweites Argument. Zai Kai, macht Sinn. Ich hoffe, wir haben viel mit Arrays gearbeitet, aber jetzt werde ich zurück zum späten Kanal springen, der erste ist, den zweiten Tochtertyp zu betrachten, wo wir anfangen können, diesen Index der Methode zu verwenden. 19. mit Strings: Ich habe jede Menge Spaß. Ich hoffe, du hast viel gelernt. Gehen wir einfach dahin zurück, wo wir angefangen haben. Denken Sie daran, dass wir gesagt haben, dass es nur bei zwei Tochtertypen gibt. Dieser Index der Methode, die oberste Ordnung, die wir als Arrays betrachtet haben. Was denken Sie, die Windeln zweiter Ordnung? Nun, es ist abgerollt, bitte. Diese eine Folie, die Sie hier betrachten, ist eine sehr wichtige, gibt Ihnen einen sehr hohen Überblick über diesen Methodenindex. Wir haben uns eine Menge Beispiele mit Arrays angesehen. Ich möchte diesen Vortrag jetzt beenden, indem ich mir Beispiele anschaue , die mit Strings arbeiten, sie beginnen zu sehen, wie das funktioniert. Es wird eine Menge Spaß machen. Vertrau mir. Hey, wow, das ist echt cool. Wir haben gerade Arrays gemacht, aber jetzt möchte ich, dass wir auf Strings kommen. Wie funktioniert das? Und es ist wirklich aufregend. Du wirst es nicht sehen. Also lasst uns hineinspringen. Cou, okay, wo fangen wir an? Das erste, was ich Ihnen hier zeigen möchte, ist, wenn wir unsere Konsole haben, wir Konsole, das Array, ist nur tatsächlich eine Konsole klar und lassen Sie uns das gleiche mit den Stärken machen. Ziemlich unkompliziert. Wir waren eine Schnur. Wir schauen uns seinen Prototyp an. Wir scrollen nach unten und sie, meine lieben Studenten ist Index davon ist eine zweite Tochter Talk und JavaScript, die uns Zugriff auf diese tolle nützliche Methode gibt. Also, du gehst, ich wollte dir nur beweisen, dass es auch auf diesem gepunkteten Typ gefunden wird. Wenn wir zurück zu unserem Codierungs-Editor, LET Punkt Blick auf diese in Aktion. Also lasst uns unsere Eurasien löschen. Wir haben uns Arrays angesehen. Es schafft jetzt, ich weiß nicht, einen Satz. Und es ist nur sagen, Hallo, Welt. Das Universum. Oft wissen, was mit meinem Thema heute nicht stimmt. Begrüßt Sie. Das heutige Ich werde Satz, wir wissen, dass dies vom Typ String ist. Woher wissen wir das? Alle seine Konsole Protokolltyp Satz. Und es ist ziemlich offensichtlich, dass wir wissen, dass es eine Schnur ist. Weil wir wissen, dass es eine Schnur ist. Wir wissen, dass wir Zugang zu diesem Methodenindex haben. Also lassen Sie uns eine Variable namens AIM definieren, das ist Überschuss al Satz. Und suchen wir nach etwas. Suchen wir nach kleinen Begrüßungen. Sehen wir uns als Todesfälle an, auf welche Weise denkst du das wäre? Konsole melden Sie sich auf dem Bildschirm an und wir erhalten eine Nummer 26. Warum 26? Will? Es zählt nicht zusammen. Wir wissen, dies ist Index 012345678910111213141516 17181920. Einundzwanzig, zweiundzwanzig, dreiundzwanzig, vierundzwanzig, fünfundzwanzig. Und natürlich 26 ist Art und Weise begrüßt beginnt. Sehr, sehr nützlich. Methode ist eine Konstante namens Adenom-Satz definieren. Wieder, und sagen wir einfach, hey, lernen Sie viel in diesem Kurs? Ich hoffe, weiter zu lernen. Beginnen wir mit dieser Indexliste Punkt. Erhalten Sie intuitiver Feld, lassen Sie uns eine neue JavaScript-Variable namens Suchwort definieren. Das ist es, wonach wir suchen wollen. Und sagen wir, wir wollen nach dem Wort Lernen suchen. Wir können erstens sehen, direkt vom Fledermaus, wir haben zwei Worte, nicht wahr? Lernen und Lernen. Also bedenken Sie das einfach. Lassen Sie uns eine neue Variable definieren, die erstmal genannt wird. Und lasst uns auf unsere Satzkonstante zugreifen. Das ist Zugriff auf diesen Index der Methode. Und lassen Sie uns suchen Wort suchen. Lassen Sie uns das erste Timeout der Konsole protokollieren. Es ist acht, und wir wissen, dass es acht ist, weil es die achte Figur von Anfang an ist dieses erste Lernwort. Aber wie greifen wir jetzt auf das zweite Lernwort zu? Wie werden wir das machen? Lassen Sie mich Ihnen einen Hinweis geben. Lassen Sie uns das zweite Argument in der Index OLS Methode verwenden. Alles, was wir tun müssen, ist eine neue Variable zu definieren, die zweites Mal genannt wird. Lassen Sie uns unser Urteil verlassen. Ich habe gerade einen makellosen falsch Satz realisiert. Also lassen Sie uns überschüssigen Index ab. Was wir jetzt tun wollen, ist, dass wir nach allen Suchbegriffen suchen wollen. Mach dir keine Sorgen. Diesmal wollen wir den Ausgangspunkt nutzen. Und wo wollen wir anfangen? Beginnen wir mit der, es ist das erste Element gegründet, das ist das erste Mal, plus eins. Jetzt wissen wir, dass es unser Array durchsucht, aber erst beginnt, nachdem wir das erste Lernwort übergeben haben. Ich hoffe, das ergibt Sinn. Wenn wir das ausloggen, kommen wir zu 44, das ist genau das, was wir erwarten würden. Verwendung von Indexquoten auf diese Weise kann in Ihrem Code sehr nützlich sein und Sie können viele Dinge damit tun. Ich weiß es nicht. Lassen Sie uns Ihnen ein Beispiel geben. Lassen Sie uns eine variable coole Lösung definieren, verwenden wir Template-Literale und sagen wir den Index der ersten. Und wir werden das variable Suchwort verwenden. Wort von Anfang an ist. Und es wird das erste Mal gehen. Und wenn wir dies auf den Bildschirm zurückgeben, bekommen wir buchstäblich console.log zu uns. Der Index des ersten Lernens Word von Anfang an ist 80. Wie genial ist das? Wir kombinieren viele Dinge, die wir Vorlagenliterale kombinieren, indem wir die geschweiften Klammern des Dollarzeichens kombinieren, um Ausdrücke und Variablen in unser Template-Literal zu integrieren . Es ist sehr, sehr cool und es wird Ihnen viel helfen auf dem Weg. Natürlich können wir das gleiche für die Lösung für. Was haben wir nur kopiert, anstatt alles wieder zu tun. Wir wissen, dass dies die zweite Suche ist, bei der von Anfang an nicht das erste Mal, das zweite Mal. Und wenn wir das zurückgeben, bekommen wir genau dasselbe. Aber jetzt beziehen wir uns auf das zweite Lernwort. Ich weiß, dass wir manchmal mitreißen, und ich werde vielleicht etwas fortgeschrittener, als Sie gerade wissen müssen. Aber vertrauen Sie mir, das wird Ihnen bei Ihrer Kodierung helfen. Und ich möchte, dass du ein Meister wirst. Ich hoffe, es ist Zeit, Sinn zu ergeben. Die andere Sache, die ich Ihnen zeigen möchte, ist, dass wir alles löschen. Ich möchte Ihnen zeigen, dass der Indexpfad Groß-/Kleinschreibung beachtet. Also, was soll ich meine? Will, wenn wir ein Wort haben und das Wort ist vergewaltigt Hund. Wenn wir jetzt Konsolenprotokoll und wir auf unsere Wort-Zeichenfolge zugreifen, greifen wir auf die Indexmethode zu und wir suchen nach Hund. Wir wissen, dass es existiert. Wieder, das würde Sinn ergeben, aber was ist, wenn wir das Gleiche tun? Aber ja, wir haben nach dem Wort Rot gesucht. Wie Sie sehen können, wird die Groß- und Kleinschreibung beachtet. Wir hatten negative zurückgegeben, AKA es existiert nicht. Wenn wir das kleine r auf große R ändern, existiert es. Es ist Infantum, der allererste Punkt in unserem Array. Ich hoffe, dass Ihr Lernen zur Zeit. Das letzte, was ich durchkommen möchte, ist, dass 0 nicht zu wahr und negativ bewertet, die man nicht zu falsch auswertet. Denken Sie daran, wenn wir eine kleine r haben, es ist eine negative, die nicht zu falsch zwingen. Es ist eine Art seltsame Nuance, wenn es um diese Methode geht. Also, wie beweise ich Ihnen das? Lassen Sie mich es Ihnen beweisen, indem Sie JavaScripts if-Anweisung verwenden. Und was ich hier vermitteln möchte, möchte ich sagen, ob es ein Wort ist, richtig, enthält, sagen wir, Rate. Wenn dichte zu false ausgewertet wird, dann lassen Sie uns diesen Code ausführen. Nehmen wir an, Konsolenprotokoll. Dies ist der richtige Beginn. Beginn. Sonse Konsolenprotokoll, dies ist der falsche Beginn. Und jetzt wirst du ein Problem sehen. Sie werden sehen, dass wegen Kloake, was uns zurückgegeben wird, die falsche Antwort ist. Wir wissen, dass das kleine r nicht in unserer Saite existieren sollte , weil es nur das Kapital auf unserem Radar hat. Warum schlagen wir also das zweite Konsolenprotokoll in unserer if-Anweisung? Der Grund dafür ist, dass der negative nicht zu falsch bewertet wird. Sie fallen, wir werden diesen Beginn treffen und es ist die falsche Antwort. Daher versuche ich zu machen, dass bei der Überprüfung, ob eine bestimmte Zeichenfolge in einer anderen Zeichenfolge vorhanden ist , der richtige Weg ist, minus1 zu verwenden. Zum Beispiel, wenn wir false durch minus1 Lügen ersetzen, funktioniert es nicht. Minus1 d wir gehen, wir bekommen diesmal die richtige Antwort. Sehr, sehr wichtige Punkte, die ich gerade mit Ihnen geteilt habe. Bitte bedenken Sie das. Also z Sie haben es. Wir haben gerade Index über die Strahlen verwendet. Wir haben es nur mit Saiten benutzt. Wir haben verschiedene Möglichkeiten besprochen, wie Sie ein verwenden können. Wir wissen, dass als k Szenen, die Fenster haben, dass Sie nicht irgendwie negative zu falsch zwingen können. Und das sind ziemlich fortgeschrittene Themen. Also nimm es nicht für selbstverständlich. Feiern Sie die kleinen Siege. Wie auch immer, lass uns weitermachen und wir sehen uns in der nächsten Vorlesung.