Javascript: Leitfaden für Anfänger

1. Willkommen: Jeder hat von JavaScript gehört, oder? Diese leistungsstarke Programmiersprache, die Website verwendet, um ihre Inhalte lebendig zu machen. Keine langweiligen, statischen Seiten mehr , die nur dort sitzen und Sie mit JavaScript betrachten, wir werden in der Lage sein, mit Benutzern zu interagieren, auf Ereignisse zu reagieren, Daten zwischen dem Server und dem Browser zu kommunizieren, erstellen Outs und Spiele und vieles mehr. Mein Name ist mein Körper, und ich werde Ihr Lehrer für diesen Kurs sein, ähnlich wie Sie nähern würden, so ziemlich alles lernen . Sie müssen mit den Grundlagen beginnen. Hier kommt dieser Kurs ins Spiel. Dieser Kurs wird Ihnen helfen, die Grundlagen von JavaScript zu verstehen. Sobald Sie gut und gut darin haben, können Sie zu etwas Fortgeschrittenem übergehen. Während Sie sich durch die Lektionen machen, werden Sie ein praktisches Beispiel sehen, wo Sie JavaScript verwenden und wie Sie JavaScript sowohl informativ als auch hoffentlich unterhaltsam verwenden können. Am Ende dieses Kurses haben Sie eine starke Grundlage in Javascript. Es wäre in der Lage, Haus und Dynamik mit Anwendungen zu schaffen und schlagen jeden Job Aspekt bezogen. Fordere dein Gesicht heraus. In Ordnung. Genug reden. Ich bin so aufgeregt, diesen Kurs mit Ihnen zu teilen. Lasst uns reinspringen 2. Hallo Welt: Egal wie hübsch die Seiten der Welt mit Onley, CSS und HTML aussehen, sie werden schnell langweilig die Ästhetik der Oper und reagieren nicht auf das, was der Benutzer tut. Die Website, die Sie oft besuchen unsere in statischen. Das liegt daran, dass sie sich auf JavaScript verlassen, um ihren Inhalten Leben einzuhauchen. Also, was ist Drive a Spirit? JavaScript ist eine Programmiersprache, die verwendet wird, um Webseiten interaktiv zu machen. Es ist, was eine Seite der interaktiven Elemente und Animationen gibt, die einen Benutzer zu engagieren. Dies ist eine kurze Liste von dem, was JavaScript tun kann, quantifizierte den HTML und, sagen wir, für Seite, nachdem die Seite geladen hat, reagieren auf Ereignisse wie eine Maske, klicken Sie auf Animationen, die die Absichten von Benutzern erfassen und viele viele andere interessante Dinge. Ich werde dich nicht mit der Geschichte von JavaScript bekämpfen, aber ich möchte, dass du weißt, dass JavaScript nichts mit Java zu tun hat. Also genug Hintergrundinformationen für jetzt, lassen Sie uns unsere Füße nass machen, indem wir ein paar Jobs schreiben. Beenden Sie. Am Ende dieses Videos werden Sie in der Lage sein, einen Text in Ihrem Browser anzuzeigen, bevor Sie in Mr Further gehen, wir brauchen einen Gerichtsredakteur, um JavaScript zu schreiben, ein einfacher Editor wie Notepad kann die Arbeit tun, aber ein guter guter Editor wird Ihnen das Leben leichter machen. Einige meiner Lieblings-Editoren sind erhabene Textnotiz Bad plus Visual Studio-Code . Es spielt wirklich keine Rolle, welche Sie verwenden, solange Sie wissen, wie Sie ein neues Dokument erstellen. Bearbeiten, speichern und überprüfen Sie es in Ihrem Browser. Du bist gut zu gehen. Das erste, was wir tun müssen, ist ein HTML-Dokument zu erstellen. Dieses Dokument. Wir enthalten unseren JavaScript-Code. Wenn wir dieses Dokument in unserem Browser überprüfen, sehen wir nichts, was völlig normal ist, weil unser Dokument leer ist. Sehen Sie das Skript-Tag? Hier passiert die Magie. Das Skript Tang ist, wo Sie das JavaScript, das Sie ausführen möchten, platzieren. Was Sie tun möchten, ist ein Dialogfeld anzuzeigen, das Hallo Welt sagt, wenn wir unsere HTML-Seite laden . Also in unserem Skript AG, werde ich die folgende Zeile Alarm und Hallo Welt hinzufügen. Lassen Sie uns sagen, unsere HTML fünf und öffnen Sie es in unserem Browser. Und wie Sie sehen können, wird die hallo World-Nachricht in einem Dialog Beulen angezeigt. Siehst du, das war nicht so schwer. Sie haben gerade ein funktionierendes Beispiel mit JavaScript erstellt. Guter Job. Also, was genau ist hier passiert? Was wir getan haben, ist richtig. Eine einfache Java-Spread-Anweisung. JavaScript-Anweisungen sind Anweisungen, die vom Web-Browser ausgeführt werden. In unserem Fall haben wir eine Aussage, die dem Browser sagt, Held die Welt zu schreiben. Man kann in der Regel sagen, wenn etwas eine Aussage ist, wenn es mit einem sonnigen Cullen endet. Dies ist jedoch keine garantierte Möglichkeit, eine Aussage zu identifizieren. JavaScript funktioniert in vielen Fällen gut, ohne am Ende von Anweisungen einen Semikolon zu haben, und einige Entwickler haben sogar beschlossen, sie wegzulassen. Werfen wir einen Blick auf unsere Aussage. Wir haben diese Sache namens Alert ist genau wie der Name sagt, ist verantwortlich für Ergreifung Ihrer Aufmerksamkeit durch diese Flugzeuge. Im Text, Das Wort Muttertier ist eigentlich etwas, das als Funktion bekannt ist. Zuneigung ist im Grunde ein wiederverwendbares Stück Mantel, das etwas tut. Funktionen nehmen in der Regel Daten auf, verarbeiten sie und geben ein Ergebnis zurück. Zuneigung könnte von Ihnen definiert werden, definiert durch eine Bibliothek von Drittanbietern, die Sie verwenden, oder sie könnte durch das JavaScript-Framework selbst definiert werden. Sobald eine Funktion geschrieben ist, kann sie immer und immer wieder verwendet werden. zurück zu unserem Beispiel. Der Text, den Sie anzeigen möchten, ist Hallo Welt. Beachten Sie, wie wir die Wörter in Anführungszeichen eingewickelt wurden. Sie werden immer Zehenstücke von dext benötigen, häufiger bekannt, eine Zeichenkette innerhalb von einfachen oder doppelten schnell die Anführungszeichen. Es mag seltsam erscheinen, aber so funktioniert die JavaScript-San-Steuer. Wir werden uns die Strings in den nächsten Lektionen genauer ansehen. Sie können herumspielen und ändern Sie die feste, wie Sie wollen. Sagen wir, zum Beispiel, ich sehe es nie an. Spiel aus den Zimmern. Sparen wir es auf. Lassen Sie uns es in unserem Browser überprüfen. Und wie Sie sehen können, ist JavaScript so freundlich, mich nicht zu beurteilen und einfach das nächste anzuzeigen. Alles klar, lassen Sie uns hier kurz zusammenfassen. Hören Sie, wir haben unsere Hände schmutzig gemacht, indem wir ein einfaches Beispiel erstellen. Auf dem Weg stießen wir auf viele Konzepte und Begriffe. Eine solche Anweisung Funktionszeichenfolge. Mach dir keine Sorgen, wenn du dich nicht an alle erinnern kannst, wir werden immer noch auf jeden Term mit anderen Beispielen ausarbeiten. Alles klar, wir sehen uns in zukünftigen Lektionen. 3. Variablen: in JavaScript-Anweisungen, in der Regel im vierten. Was wir Wertsachen nennen, bieten einen Ausweg von Etiketten und Daten mit dem zerstörerischen Namen so dass unsere Programme deutlicher vom Leser und uns selbst verstanden werden können. Es ist hilfreich, Variablen als Container zu betrachten, die Wert enthalten. Ihr einziger Zweck ist das Beschriften und Speichern von Daten im Speicher. Diese Daten können dann in Ihren Programmen verwendet werden. Hat das Gerinnsel eine Variable unseres Schlüssels funktioniert, gefolgt von dem Namen, den Sie Ihrem wertvollen geben möchten? Wenn Sie Name und Wertsachen sind, versuchen Sie Ihr Bestes, um sicherzustellen, dass der Name, den Sie Ihrem wertvollen zuweisen, genau beschreibend und verständlich ist . Zehe einen anderen Leser In dieser Codezeile haben wir eine wertvolle Erkältung erklärt. Sag hallo. Im Moment ist unser Wertvolles leer. Das ist behoben, dass durch Initialisieren auf wertvoll waren ein Wert. Nehmen wir an, zum Beispiel, hallo sind jetzt werde ich die andere Fraktion mit so früher verwenden, um den Inhalt von unserer Variablen anzuzeigen . So wachsam. Sag hallo. Es ist sicher. Unser Dokument. Andi, lass es uns in unserem Browser öffnen. Wie Sie sehen können, die Ergebnisse die gleichen wie früher. Wenn Sie den Anzeigetext ändern möchten, lassen Sie uns Hallo sagen, alle. Alles, was Sie tun müssen, ist eine Änderung an dem angegebenen Wert vorzunehmen, wie der hello-Körper in der Lage. Also hier werde ich die Welt zu jedem ändern. Wenn ich das Skript erneut ausführen speichern, Sie können sehen, dass die Anzeige auf Hallo geändert wird, jeder. Überall in Ihrem Mantel, Wo auch immer Sie die sagen hallo Variable referenzieren. Es ist der neue Wert, der für größere Anwendungen verwendet wird. Dies spart Ihnen eine Menge Zeit, weil Sie nur einen Ort haben, an dem Sie Änderungen vornehmen können und es wird überall reflektiert. Aber wie können Sie Ihre Wertsachen nennen? Ist irgendein Name? Ok? Nun, nein. Aber die Regeln, um wertvolle Namen zu erstellen, sind einfach. Starten Sie Ihre Variable mit einem Buchstaben und Unterstrich. Oder ein Dollar-Seite Autor, der so viele Buchstaben numerische Ziffern Unterstriche oder Dollarzeichen verwendet , wie Sie möchten. Oh, und noch eine Sache. Wir wollen Javascript wirklich nicht verwirren, aber mit irgendwelchen Schlüsselwörtern wie, weit oder Funktion, werden wir einige dieser Schlüsselwörter bekommen und was sie im Rest dieses Kurses bedeuten 4. Funktionen: Du hast etwas A-Programmierung unter deinem Gürtel. Jetzt ist es an der Zeit, Dinge wirklich zusammen mit Funktionen zu bewegen. Funktionen ermöglichen es Ihnen, Code zu schreiben, der immer wieder verwendet werden kann, Code, der viel überschaubarer ist. Gut. Das kann abstrakt sein und einen einfachen Namen geben, so dass Sie all die Komplexität vergessen und mit dem wichtigen Zeug weitermachen können. Um dies zu veranschaulichen, sagen wir, wir wollen den Body-Mass-Index oder B M I kurz eine Person trösten. Das Wesen I wird berechnet, indem das Gewicht einer Person in Kilogramm durch das Quadrat von seiner Körpergröße in Metern geteilt wird. Eine Person gilt als übergewichtig, wenn sein oder ihr Baby, ähm ich über 25 Jahre alt ist. Also hier haben wir zwei Variablen. Jede Variable speichert, eine Zahl, die mein wertvolles gespeichertes Ergebnis ist, indem der Wert dividiert wird, der durch die Gewichtsvariable durch das Quadrat von den Werten gespeichert wird, die von der Höhenvariablen gespeichert werden. Der Schrägstrich zeigt an, dass eine Division stattfinden muss, wo uns das Sternchen anzeigt, dass eine Multiplikation stattfinden muss. Nehmen wir an, wir wollen die Bucht auf I für verschiedene Personen berechnen. Es gibt nicht auf Lee, was wir bisher gelernt haben. Wir würden so etwas schreiben. Ich würde diesen Code nehmen und ihn mehrmals kopieren. Dann würde ich den Namen der Variablen so ändern und auch die Werte ändern. Zum Beispiel können Sie sehen, wohin das geht. Unser Code ist überflüssig und ehrlich gesagt sieht er schrecklich aus. Aber mit Funktionen können wir das wieder großartig machen. Also werde ich all das durch einen kleineren Teil von Cope ersetzen. Dieser kleine Teil des Codes erledigt die gleiche Arbeit wie zuvor, aber ohne die Redundanz. Also, wie passiert das? Das ist, was wir lernen werden, weil Sie selten Recht haben oder Code verwenden, der nicht in vier Funktionen funktioniert. Es ist wichtig, dass Sie sich mit ihnen vertraut gemacht haben und alles darüber erfahren, wie sie funktionieren. Der beste Weg, dies zu tun, ist, direkt zu ihnen zu springen. Also werde ich das alles löschen. Lassen Sie uns die einfache Funktion erstellen, die hallo sagt, aber wir müssen sie immer noch so aufrufen, wo ich das folgende hinzufügen werde, das nach dem Ende unserer Funktionsdeklaration liegt . Jetzt speichern wir dies und sehen Sie es in unserem Browser als Vorschau an. Wie Sie sehen können, wird die Hallo Nachricht angezeigt. Lassen Sie uns nun unseren Code in kleine Stücke brechen und sehen, wie er funktioniert. Zuerst beginnt unser Code mit dem Fraktions-Schlüsselwort Nach dem Funktionsschlüsselwort. Sie haben den tatsächlichen Namen außerhalb der Funktion angegeben, gefolgt von dem Öffnen und Schließen von Klammern. Wo ist dann unsere Funktion? Mit öffnenden und schließenden Klammern schließen diese Klammern die Anweisungen ein, die wir im Inneren haben. Endlich kommen die Inhalte aus unserer Funktion. In unserem Fall ist der Kontinent die andere Funktion, die einen Dialog Bücher mit dem Wort Hallo anzeigt und lassen Sie uns die Funktion nicht vergessen. Rufen Sie die Fraktion an. Kohle ist der Name der Funktion, die Sie aufrufen oder aufrufen möchten, gefolgt von Klammern. Ohne Ihren Funktionsaufruf. Die Funktion, die Sie erstellt haben, tut nichts. Sehen wir uns nun eine andere Funktion an. Lassen Sie mich das zuerst verzögert. Erinnerst du dich daran, dass unser Paar meine Funktion war? Früher sah es so aus. Diese Funktion ist, was wir Obama versucht Funktion nennen, was bedeutet, dass es Argumente nimmt, wenn es kalt ist. Sie können feststellen, wann eine Funktion Argumente annimmt, indem Sie sich die Funktion der Funktionsdeklaration selbst ansehen , die keine Argumente annehmen, also zeigen Sie mit leeren Eltern auf, dass Vater ihren Namen gewinnt. Funktionen, die Argumente annehmen, sind nicht so, nach ihrem Namen und zwischen den Auszubildenden blieb diese Funktion eindeutig, welche Art von Argumenten sie benötigen und die Anzahl dieser Argumente für Land 20.00 Uhr I. Sie können sehen, dass diese Funktion nimmt zwei Argumente. Die 1. 1 ist das Gewicht in der 2. 1 ist die Höhe. In unserem Fall nennen wir unsere Berechnung ist ich Funktion und geben Sie die Werte an, die Sie uns an die Funktion innerhalb der übergeordneten Stücke hier wollen , die 70 entspricht dem Gewicht Argument auf der 1.86 entspricht dem Argument Höhe. Die Reihenfolge ist sehr wichtig. Jetzt wissen Sie, wie Sie mit Ihren Funktionen in eine Richtung kommunizieren können, das heißt, Sie wissen, wie Sie Argumente an Funktionen übergeben. Aber was ist mit der anderen Richtung? Kann eine Funktion wieder kommunizieren? Wir haben unser Land als meine Funktion und es legt die Disziplin auf Alarmbotschaft mit dem Wert von unserem wertvollen Wert. Aber was, wenn wir diesen Wert tatsächlich für eine zukünftige Verwendung speichern wollen? Also, anstatt unsere Abdeckung als meine Funktion zu haben, berechnen Sie den Strahl und zeigen Sie ihn als Warnung an. Wir wollen so etwas tun, sie könnten ein mein wertvoller werden die Ergebnisse aus der Berechnung durch die Berechnung B M I Funktion gemacht speichern Berechnung B M . Wie können wir das erreichen? Die Möglichkeit, Daten von einer Funktion zurückzugeben, besteht darin, die Return-Schlüsselarbeit zu verwenden. Also hier in meinem Rechner B und ich funktionieren, werde ich einige Änderungen vornehmen. Also anstelle der anderen Funktion werde ich sagen, zurück bin ich bemerkt, dass wir immer noch das b m I berechnen, indem wir das Gewicht durch das Quadrat von der Höhe dividieren . Aber statt dieses Flugzeug und Alarmbereitschaft wurden die b m i zurückgegeben, wie von der BM wertvoll erzählt. Jetzt müssen wir nur die Funktion aufrufen und ein Zeichen das Rückgabeergebnis zu einer Variablen machen. Sobald Ihre Funktion das Rückgabe-Schlüsselwort getroffen hat, stoppt es. Alles, was es zu diesem Zeitpunkt tut, kehrt zurück. Der Wert wird angegeben und beendet, so dass in dem Code, der nach Ihrer return-Anweisung vorhanden ist, ignoriert wird. Eine weitere interessante Nachricht aus dem Rückgabe-Schlüsselwort ist, dass Sie einfach die Funktion verlassen, damit tatsächlich einen Wert an die Farbe zurückgibt. Zum Beispiel kann ich eine Funktion haben, aber es hat zum Beispiel, tut etwas, und nachdem ich getan habe , was es tun sollte, wird es sagen, hier zurückkehren. Das Rückgabe-Schlüsselwort wird von selbst verwendet, wie Sie sehen, um nur die Funktion zu akzeptieren. 5. Bedingte Anweisungen: Bisher haben wir vor trotzenden Aufgaben erledigt. Aber was Programm so viel leistungsfähiger macht, sind bedingte Aussagen. Dies ist die Fähigkeit, eine Variable gegen den Wert zu testen und auf eine Weise zu handeln. Wenn die Bedingung erfüllt ist, gehorchen Sie dem wertvollen oder anderen Weg. Wenn nicht, bietet JavaScript eine allgemeine Entscheidungsfähigkeit in Form des Sprachkonstrukts, das als if-Anweisung bekannt Der grundlegendste Satz ist derjenige, den Sie vor Ihnen sehen. in diesem Fall Wennin diesem Falldie Bedingung innerhalb der Burgerklammern als wahr ausgewertet wird, werden die Anweisungen zwischen geschwungenen Klammern ausgeführt. Andernfalls das Programm die Anweisungen nicht aus und fährt direkt nach der letzten geschweiften Klammer fort die das Ende des Blocks angibt. Die basic if-Anweisung kann auch mit dem Schlüsselwort else erweitert werden. Dies bietet eine alternative set-off-Anweisungen ausgeführt werden, wenn die Bedingung nicht wahr ist . Um dies sinnvoll zu machen, werfen wir einen Blick auf ein einfaches Beispiel. Oft f l Aussage in Aktion. Hier habe ich eine wertvolle kalte Bargeld und Geldbörse initialisiert wahr, und ich habe zwei andere Funktionen. Die 1. 1 sagt, dass Sie eine Pizza bestellen können die 2. 1 sagen, trat weg unsere Es ist gut für Ihre Gesundheit. Also, welche von dieser wahren Aussage wird ausgeführt? Speichern wir unser Dokument und lassen Sie uns gerade ausgehen und sehen, welches ausgeführt wird. Und wie Sie sehen können, ist die erste Aussage, die besagt, dass Sie eine Pizza bestellen können, diejenige, die in unserem Browser angezeigt wird. Dies liegt daran, dass unser Wertvolles auf wahr initialisiert wird. Also beginnt der wahre Teil unserer F else Aussagen. Jetzt gehen wir weiter und ändern Sie den Wert von Bargeld und Geldbörse. Zehe fällt. Lassen Sie uns unser Skript ausführen. Wie Sie den Text sehen können, der sagt, ist an Wasser kleben. Es ist gut, dass deine Gesundheit auftaucht. Dies geschieht, weil unser Ausdruck Zehenabfälle auswertet. Macht Sinn, richtig. In den meisten Fällen wird Ihr Ausdruck nicht ein einfacher wertvoller sein, der Traore fällt. Stattdessen müssen Sie zwischen zwei oder mehr Dingen vergleichen, um entweder ein echtes oder falsches Ergebnis zu erzielen. Um dies mit Ihnen zu tun, nennen wir bedingte Operatoren. Der General ersteres aus. solches Ausdrücken ist derjenige, den Sie vor Ihnen sehen, wenn Ausdruck vom Operator gefolgt wird, dann vom Ausdruck. Wenn also das Ergebnis wahr ist, werden wir etwas anderes tun. Wir werden etwas anderes tun. Werfen wir einen Blick auf einige der bedingten Operatoren, bevor wir weitermachen. Der doppelte Gleichheitsoperator ist wahr, wenn der erste Ausdruck einem Wert entspricht, der dem zweiten Ausdruck entspricht. Das Doppelende beispielsweise wahr, ist beispielsweise wahr,wenn der erste Ausdruck im zweiten Ausdruck als true ausgewertet wird. für ein konkretes Beispiel von bedingten Operatoren Stellen Sie sichfür ein konkretes Beispiel von bedingten Operatorenein Bankenprogramm vor, das eine kurze Benachrichtigung am unteren Rand ausdruckt. Jeder Transaktionseingang entsprechend dem verbleibenden Saldo auf dem Konto. Wenn der Wert aus der Saldovariablen größer ist als der Mindestsaldo , der in diesem Fall 100 ist, sollte in Alarmstufe der sichere Saldo angezeigt werden. Wenn der Saldo nicht größer als der Mindestsaldo ist, sollte eine Meldung mit der Warnung Niedriger Saldo angezeigt werden. Wenn ich also die Balance-Zustandsfunktion aufrufe, indem ich zum Beispiel eine Balance aus 80 , wird dieser Ausdruck in diesem Fall als Fehler ausgewertet, da 80 nicht größer als 100 ist. Wenn ich das Skript ausführe, sollte ich eine Meldung aus Warnung Low Balance erhalten. Wie Sie sehen können, ist das die Nachricht, die ich jetzt bekomme. Wenn ich diese Funktion mit Überfluss aufrufe, sagen wir mal 150, der Balance-Wert ist größer als der Mindestsaldo, weil 150 größer als 100 ist. In diesem Fall sollte ich eine Nachricht aus dem sicheren Gleichgewicht bekommen. Und wie Sie sehen können, bekam ich die Nachricht weg. Sicher. Bonus. Wir sind fast fertig mit der if-Anweisung, dem letzten, was ich Ihnen zeigen möchte. Die Variante aus der FL-Anweisung Bisher haben wir die F-Anweisung verwendet, die auf einen anderen Abschnitt des Mantels ausgeführt wurde. jedoch Fälle vorstellen, Wir können unsjedoch Fälle vorstellen,in denen wir mehr als auf einen anderen Codeabschnitt ausführen möchten . In diesen Fällen können wir das Schlüsselwort else F verwenden, um wenn Anweisungen zusammen unsere Ziege Behauptung innerhalb jedes F und else f Block auf der Suche nach einem Ausdruck zu ändern , der wahr ausgewertet wird. Wenn keine der Anweisungen Ausdrücke enthält, die den Code innerhalb des else Bloke zu true auswerten , falls vorhanden, führen Sie ihn aus. Das ist alles für die F-Aussagen. Gehen wir zu einer anderen bedingten Aussage über. Jetzt werden wir Switch-Anweisungen sehen, die in ähnlicher Weise wie FL-Anweisung funktionieren, aber mit einem anderen Zentrum. Sie sind besonders nützlich, wenn Sie mehrere andere schließen, eine switch-Anweisung eine einzelne Variable auf die abhängig von ihrem Wert auswertet , führt einen bestimmten Block off coat. Die allgemeine gesendete Steuer für die grundlegende Switch-Anweisung ist diejenige, die Sie vor Ihnen sehen. Der Schalter prüft den Wert für die Variable für eine Übereinstimmung aus. In einem der Fälle, wenn sie gleich sind, werden die Anweisungen in diesem Fall ausgeführt. Alles klar, es ist ein Beispiel, das dich wahrscheinlich hungrig machen wird. Ich habe einen variablen kalten Geschmack war Wert gesagt, Cookies und grün. Diese Geschmacksvariable wird in unsere State-switch-Anweisung übergeben. Unsere switch-Anweisung enthält eine Sammlung von Case-Blocks Onley. Einer dieser Blöcke wird getroffen, wenn ihr Code ausgeführt wird. Die Art und Weise, wie dieser ausgewählte ausgewählt wird, besteht darin, einen Block-Groß-/Kleinschreibung zu vergleichen, wobei das Ergebnis den Ausdruck in unserem Fall auswertet, weil unser Ausdruck zu einem Wert von Cookies und Grün auswertet. Der Code im Fall gebloggt, war der Fall Wert ist Cookies und Creme wird ausgeführt, um die Ausführung zu verhindern. Die ganze Anweisung, die dem Schlüsselwort break folgt, wird verwendet, um den Schalter auszubrechen und mit dem Rest des Programms fortzufahren. Standard ist der Schalter äquivalent aus der Els Kleidung und eine F else Anweisung. Wenn keiner der expliziten Fälle auf den Variablenstandard mit „still“ zutrifft, stimmt jeder Wert mit dem Standardfall überein. Dies kann also nützlich sein, um unerwartete Situationen zu behandeln. Diese, welche Anweisung kann in äquivalente fl Anweisung umgewandelt werden. Lassen Sie sich bewegen oder entfernen Sie dies, wie Sie sehen können, wenn sonst unsere switch-Anweisung sehr ähnlich ist. So wie bei der switch-Anweisung vergleichen wir, unseren Geschmack wertvoll mit den verschiedenen Werten zu investieren, die es braucht. Im Moment fragen Sie vielleicht, wie kann ich wissen, wann ich verwenden soll? Was es im Web viele Argumente darüber gibt, wann man switch im Vergleich zu einer else-Anweisung verwendet , und die einzige Sache, die klar ist, ist, dass sie alle nicht schlüssig sind. Persönlich, ich Sie wechseln, wenn ich beleidigt haben. Die Anzahl der erwarteten Werte 12 Monate pro Jahr beispielsweise könnte beispielsweisedurch 12 Fälle dargestellt werden. Wenn die Situation eine Menge Wertebereich erfordert, ist es süßer Zehe eine f l Aussage. Aber wieder finden Sie jemanden, der überzeugend ein Gegenargument liefern kann. Also gehen Sie mit allem, was Sie besser lesbar finden 6. Loops: bei der Programmierung müssen Sie oft mehr als einmal vor Gericht tun, und JavaScript gibt Ihnen einige Möglichkeiten, Code mehrmals auszuführen. Zum Beispiel, lassen Sie uns sagen, eine Funktion namens danke sagen. Diese Sanktion zeigt eine Textnachricht mit Dankeschön an. Also, wenn ich diese Funktion aufrufen möchte, sagen wir 10 mal. Eine Möglichkeit, das zu tun, ist, indem ich es das erste Mal anrufe, dann einfach so viel wie ich will. Während dies funktioniert, aber redundant ist, ist Code schwer zu pflegen und einfach eine schlechte 80. Außerdem wissen Sie nicht immer, wie oft Sie brauchen, um Ihren Mantel zu laufen. Es kann sich je nach den spezifischen Bedingungen ändern, die während einer bestimmten Ausführung vorhanden sind, und mehr als wahrscheinlich könnte die Anzahl der Male, die Sie einen Code wiederholen möchten, enorm sein. Sie wollen nicht kopieren und fügen Sie etwas ein paar 100 oder Tausende von Malen, um etwas zu wiederholen , das schrecklich wäre. Was wir brauchen, ist eine großzügige Lösung für einen Taubencode, mit Kontrolle darüber, wie oft sich der Code wiederholt. Diese Lösung heißt Loops Loops, wie der Name unsere Strukturen andeutet, die durch einen Codeabschnitt laufen. Solange eine Bedingung erfüllt ist, gibt es drei Arten von Hoffnungen, die Sie vier Schleifen erstellen können. Warum Lappen auf den Drahtschleifen? Eine der häufigsten Möglichkeiten, um eine Lope zu erstellen ist, indem Sie die vier Schlüsselwort verwenden, um zu erstellen, was als vier niedrig bekannt ist. Eine Vier-Schleife wird verwendet, um einen bestimmten Block-Off-Code unbekannte Anzahl von Malen zu wiederholen. Die Initialisierungsanweisung wird nur einmal ausgeführt. Dann wird der Testausdruck ausgewertet. Wenn der beste Ausdruck fällt, wird die vollständige Gruppe beendet. Wenn der Schreibtisch-Ausdruck wahr ist, der Code innerhalb der vier Aboul-Körper ausgeführt und die Update-Anweisung wird betrieben. Lassen Sie uns ein Beispiel sehen, hier haben wir eine Funktion namens Say hallo diese Funktion. Bringen Sie das Wort hallo in den Browser mit der Methode Dokument Punkt rechts, werde ich beenden. Ich werde diese Methode aufrufen. Chen Tien. Lassen Sie uns unser Skript ausführen und das Ergebnis sehen. Wie Sie sehen können, wird das Wort Hallo im Browser 10 mal gedruckt. Dies wird dank der vier Schleife möglich gemacht, lassen Sie uns einen näher gelegenen. In unserem Beispiel habe ich eine neue Variable namens I erstellt und auf Null zentralisiert. Die Bedingung ist, dass unsere Variable I weniger als 10 bei jeder Iteration von unserer Vollschleife ist, wir erhöhen unsere I-Variable um eins den gesegneten Bus, nachdem ich Ihre Anfragen meine. Was auch immer der Wert, den ich Variable von eins hatte, wiederholt sich dieser Prozess, bis der Testausdruck Falten ist. Nun, da wir eine allgemeine Vorstellung darüber haben, wie für die Arbeiten, gibt es immer noch etwas, das unser einfaches Beispiel nicht behandelt hat. Manchmal möchten Sie vielleicht für die Gruppe ertragen, bevor sie abgeschlossen ist. Der Weg, dies zu tun, besteht darin, die zerbrechliche Arbeit zu verwenden. Sie haben bereits die break-Anweisung gesehen, die in einer früheren Lektion verwendet wurde. Es wurde verwendet, um aus einer switch-Anweisung zu springen. Die break-Anweisung kann auch verwendet werden, um aus der Schleife zu springen und den Code danach auszuführen . Wenn überhaupt, werde ich ein paar Änderungen an unserem Mantel vornehmen. Ich werde das verarscht hier kopieren, das Wort Hallo Toe auf ändern, dann werde ich die F-Anweisung verwenden. Wenn ich gleich sechs ist, dann brechen Sie. Wir werden das entfernen. Also lassen Sie uns das speichern und unser Skript ausführen. Und wie Sie sehen können, wenn der Wert off I gleich sechs ist. Die break-Anweisungen bricht die Lope und weiterhin die Ausführung des Codes nach Schleife. Hier haben wir also keinen Code nach dem Foto, also hören wir einfach auf, wenn die sechs Zahlen auf den Bruder gedruckt werden. Manchmal möchten Sie möglicherweise die nächste Iteration vom Look erzwingen jedes Zitat dazwischen überspringen. Dies kann mit der kontinuierlichen Anweisung erreicht werden. Sehen wir uns ein Beispiel an. Ich werde ein paar Änderungen an unserem Mantel vornehmen. Ich werde das hier auf kopieren und vorbeigehen. Ich werde das zerbrechliche Wort durch „Weiter“ ändern. Jetzt lass uns ausgehen, abkratzen und sehen, was passiert. Wie Sie sehen können, fehlt der Wert sechs in der Ausgabe. Warum, wenn Augenwert sechs ist. Das Programm trifft auf eine continue Anweisung, die es am Anfang von den vier Hoffnung auf die nächste Iteration in der Anweisung für die aktuelle Iteration springt . Wie ich bereits sagte, gibt es drei Arten von Gruppen. Wir haben den vier Blick gesehen, jetzt haben wir noch zwei weitere, also fangen wir mit dem wilden Blick an. Der Wilde Hope führt einige Anweisungen aus, bis seine Bedingung zurückkehrt in diesem Beispiel fällt. Die Bedingung wird durch Zahl dargestellt ist weniger als 10 Ausdruck mit jeder Iteration unsere Lope Inkremente, der Zahlenwert um eins war der Wert off Zahl wird. Dann stoppt die Schleife, weil die Zahl kleiner als 10 ist. Ausdruck gibt Stürze zurück, so dass das, was angezeigt wird, 10. Lassen Sie uns also unser Skript ausführen und sehen, ob das wahr ist. Jetzt ist es Zeit, den Do I Look in vier und breiten Schleifen mit diesem Dildo Zustand oben im Look zu sehen. Aber sehe ich nach? Wir überprüfen seinen Zustand unten an der Schleife. A Do I look ist ähnlich wie eine Drahtschleife. Akzeptieren Sie die Tatsache, dass es garantiert mindestens einmal ausgeführt wird. Es wird dies an einem Beispiel veranschaulichen. Diese Weltgruppe wird nie hingerichtet werden, weil sie bedingt ist. Ausdruck ist falsch mit einer do while-Schleife, da der bedingte Ausdruck auf Lee ausgewertet wird . Nach einer Situation, Ihre Blicke Kontinent garantiert mindestens einmal laufen. Also, wenn ich dieses Skript ausführen, was ich bekomme, ist die ich laufe Baby-Textdruck in den Bruder, dank der Tür, während schauen, so dass wir die verschiedenen Arten von Gruppen abgedeckt. Im Moment bist du selbst meine Nüsse mit Loops eine ganze Menge. Aber wenn wir anfangen, Sammlungen von HTML-Elementen in Ihrem Dokument und anderen komplexen Situationen zu manipulieren , werden Sie sich stark auf Schleifen verlassen. 7. Timer: ein Block off JavaScript-Code wird in der Regel synchron ausgeführt, was bedeutet, dass, wenn eine Anweisung ausgeführt werden muss, sie sofort ausgeführt wird. Aber wir können die Ausführung von Anweisungen erfreuen, die er in einigen nativen Funktionen war, die Timer genannt wurden. Diese Funktionen werden gesagt. Timeout sagte Intervall. Andhra Quist Animation Frame die eingestellte Timeout setzt einen Timer , der eine Funktion oder einen bestimmten Code einmal ausführt, nachdem der Timer abläuft. Wenn wir zum Beispiel nach zwei Sekunden auf Alert-Büchern zeigen wollen , würden wir so etwas nicht tun. Hier haben wir eine Funktion namens zeigen Andere, dass andere die Nachricht sagt, dass ich endlich aufgetaucht . Ich nenne diese Funktion war stattdessen ich Modus nach zwei Sekunden oder zwei tausend Millisekunden. Also, wenn ich das speichern und das Skript ausführen, können Sie sehen, dass nach zwei Sekunden die Nachricht erscheint, Sie könnten fragen, warum die Zeit out I d Valuable ist hier. Schließlich haben wir es nicht gut benutzt. Dieses Wertvolle ist nicht wirklich nutzlos. Wir können es verwenden, wenn Sie die Zeitüberschreitung abbrechen möchten. Wenn wir die festgelegte Zeit aus aufrufen, kehrt es auf i d zurück. Dieses i d kann durch die Zehe übergeben werden. Eine andere Fraktion rief klare Zeitüberschreitung an, um den Timer abzubrechen. Also, wenn ich meinen Timer absagen möchte, würde ich so etwas wie diese klare Auszeit machen. Dann werde ich das I D übergeben, das durch das Set zurückgegeben wird. Timeout-Funktion wie diese zur gleichen Zeit Zuneigung Sonden sehr nützlich in vielen Fällen. beispielsweise eine laufende Aktion gibt, Wenn esbeispielsweise eine laufende Aktion gibt,die nicht abgeschlossen werden kann, können Sie dieselbe Timeout-Funktion verwenden, um diese Aktion zu unterbrechen und dem Benutzer die Kontrolle zu geben , sagte Intervall, wiederholt die Funktion aufgerufen oder führt einen Code-Snippet mit einem Fix es versucht Verzögerung zwischen jeder Kohle. Im Gegensatz zu der Sitzzeit, die das Gericht nur einmal ausführen. Das erste Argument aus dieser Funktion gibt die Funktion an, die Sie ausführen möchten. Das zweite Argument gibt die Zeit in Millisekunden an, die zu warten ist, bevor Sie den Code erneut , sagte Interval Returns, auch ein Intervall i D, das eindeutig identifiziert das Intervall, so dass Sie es später entfernen können, indem Sie Deaktivieren Sie Intervall . In Ordnung, lassen Sie uns ein Beispiel sehen, hier haben wir eine Funktion namens Say hallo Diese Warnung und eine Nachricht sagen hallo Sie da es Intervall wir sind Lupin Diese Funktion mit der Verzögerung off drei Sekunden zwischen H Loop. Wenn Sie die Schleife abbrechen möchten, können Sie das klare Intervall verwenden, das das Intervall I d zu dieser Funktion umgeht, wenn Sie versuchen, etwas auf dem Bildschirm zu animieren. Sie müssen sicherstellen, dass Ihre Animationskessel ordnungsgemäß die gleiche Intervallfunktion verwenden , die zuvor erwähnt wurde, nicht garantieren. Lassen Sie uns erklärt werden. Ihr Browser ist beschäftigt, der Wind, verschiedene Dinge zu jeder Zeit, hören zu Maske Knicks, dieses Flugzeug, was Sie auf einer Tastatur schreiben, Laden Ressourcen Executive JavaScript und mehr, während Sie all dies tun. Ihr Browser zeichnet auch den Bildschirm bei 60 Frames pro Sekunde neu, sagte Time Out berücksichtigt nicht, was im Browser passiert. Also könnte unser Animationscode, mein Get , im Chaos verloren gehen. Um dies zu vermeiden und andere Effizienzprobleme zu überwinden, haben wir die Anfrage Animation Freund Funktion die Art und Weise verwenden diese Funktion ist ein wenig ähnlich wie die Zeitüberschreitung festgelegt und das Intervall, Sie haben vielleicht bemerkt, dass Sie keine -Intervall, richtig? Das hängt alles von der Bildrate von Ihrem Browser und Computer ab, aber normalerweise sind es 60 Bilder pro Sekunde. Der Hauptunterschied besteht darin, dass Sie den Browser auffordern, Ihre Animation bei der nächsten verfügbaren Gelegenheit zu zeichnen , nicht ein vorgegebenes Intervall basierend auf der Sichtbarkeit des Lastelements und der Baker Status Browser kann auch ihre Leistung Off-Anforderungs-Animationsrahmen. auch immer, Wieauch immer, so würden Sie die Anfrage, den Animationsrahmen und das reale Leben verwenden . Hier haben wir eine Funktion namens Drove Something Hinweis, dass unsere Anfrage Animationsrahmen die Dürre aufruft. Etwas funktioniert vollständig von innerhalb der Welt gesendet Infektion selbst. Sie fragen sich vielleicht, warum dies keine Endlosschleife erzeugt. Das liegt daran, dass die Requestanimation Freunde Implementierung das vermeidet. Stattdessen versichert es sich selbst. Infektion wird genau richtig genannt. Die Anzahl der Male, die benötigt werden, um Dinge zu steuern, wird auf den Bildschirm gezogen. Joe erstellt Mundanimationen, um eine Anforderungsanimation für eine Infektion zu stoppen. Sie haben die Funktion „Animationsrahmen abbrechen“, genau wie wir es zuvor gesehen haben. Cancel Animation Frame nimmt den I D. Wert aus unserer Anforderungs-Animation für Infektion, die zurückgegeben wird, wenn Sie es aufrufen 8. Variable Umfang: Sie arbeiten effizient mit JavaScript. Eines der wichtigsten Dinge, die Sie verstehen müssen, ist das Konzept oder der variable Umfang. Der Umfang einer Variablen wird durch die Position außerhalb der Variablen Deklaration gesteuert und definiert den Teil des Programms, in dem ein bestimmter Wert zugänglich ist. In anderen Worten. Nur weil Sie einen wertvollen deklarieren, bedeutet dies nicht, dass von überall in Ihrem Code darauf zugegriffen werden kann . Wir werden unsere Erkundung außerhalb des Geltungsbereichs mit der sogenannten Global School beginnen. Globale Wertsachen werden außerhalb aller Fraktionen definiert, in der Regel auf dem Programm. Sie halten ihren Wert während der gesamten Lebensdauer von Ihrem Programm fern. Jede Funktion kann auf Global Valuable zugreifen, die ein globaler wertvoller ist für den Einsatz in Ihrem gesamten Programm zur Verfügung steht . Nach seiner Deklaration in diesem Beispiel wird die Zahl wertvoll außerhalb der Rückgabenummern-Zuneigung deklariert. Trotzdem hat die Rückgabenummern-Funktion vollen Zugriff auf die Nummer wertvoll. Offensichtlich verwenden wir globale Variablen die ganze Zeit, ohne es zu bemerken, also stelle ich nur sicher, dass Sie wissen, womit Sie es zu tun haben, weil diese wertvolle Schule viele Anfänger frustriert macht. Werfen wir nun einen Blick auf Wertsachen, die zum Beispiel die Wolke innerhalb der Funktion sind zum Beispiel . Diese werden als lokale Variablen bezeichnet. Im Gegensatz zu den globalen Variablen sehen Variablen, wenn Netzwerk, wenn Zugriff von außerhalb der Funktion in diesem Beispiel, dass dieser Wert innerhalb der Bereichstestfunktion deklamiert wird . Also, wenn ich versuche, den Schreibtisch wertvoll von außerhalb der Funktion zuzugreifen, wird es nicht funktionieren. Der Grund ist, dass der Bereich von Ihrer Schreibtischvariable lokal für die Bereichstestfunktion ist. Hierbei gibt es jedoch jedoch eine Ausnahme. Wenn wir unseren Test ohne die Vaki-Arbeit für wertvoll erklären, wird sich das Scoping-Verhalten in diesem Fall vollständig ändern, obwohl unser Test wertvoll zuerst innerhalb der Bereichsdysfunktion erscheint, ohne das VAR Schlüsselwort macht diese Variable global leben. Also hier werde ich das ändern, damit ich global lebe. Also, wenn der Iran unser Skript, wird es die Nachricht zeigen, dass ich weltweit verlassen, was der Wert aus unserem Test wertvoll ist. Dies gilt für jeden wertvollen deklarierten Wert, ohne die var Schlüsselwörter zu verwenden. Ich hasse es, es Ihnen zu brechen, aber das ist nur eines von vielen Quartalen JavaScript. Es gibt andere, mit denen Sie vertraut sein müssen. Werfen wir einen Blick auf den Vater. Ein Mantel. zuerst Lassen Sie michzuerstauf das Skript und sehen Sie das Ergebnis. Dann werde ich zurückkommen und erklären, was hier passiert ist. Wir haben die erste Botschaft, die heißt Willkommen im Erwachsenenalter. Dann eine zweite Nachricht, die dasselbe sagt. Willkommen bei Erwachsenen. Jetzt kommen wir zurück zu unserem Code. Hier haben wir eine Funktion namens Lebensphase Innerhalb der if-Anweisung haben wir eine wertvolle aufgerufene Nachricht. Wenn dieser Code ausgeführt wird, die andere Funktion direkt darunter angezeigt. Willkommen im Erwachsenenalter, das Sinn macht. Was weniger Sinn machen könnte, ist, dass die zweite Warnung, die außerhalb der if-Anweisung ist auch willkommen im Erwachsenenalter angezeigt und ist, was los ist. Unsere Nachrichtenvariable ist die Cloud in dem, was wir aussehen ah-Block nennen, ist alles, was innerhalb der offenen und schließenden Klammern erscheint. In vielen Programmiersprachen sind Variablen, die innerhalb eines Blocks deklariert sind, Teil davon, dass der eigene Bereich blockiert. Das bedeutet, dass diese Variablen lokal sind und außerhalb dieses Blocks zugegriffen werden kann. Aber in JavaScript sind die Dinge anders. JavaScript unterstützt das Blockieren des Bereichs nicht. Aus Java-Skripten Sicht könnten wir ebenso gut in einer bestimmten Nachrichtenvariablen an der Spitze unseres Lebenszustands selbst wie folgt deklariert werden. Also hier werde ich Nachricht sagen. Dann werde ich das hier löschen. Lassen Sie uns jetzt Kredit und sehen, ob es einige Änderungen gibt. Die erste Botschaft heißt Willkommen im Erwachsenenalter und die zweite Botschaft, die sagt: Willkommen im Erwachsenenalter. Wie Sie sehen können, ist das Verhalten identisch mit dem, was wir früher gesehen haben. Da JavaScript-Schwarzen aussehen Umfang. Die meisten Entwickler aus anderen Sprachen wie C C plus plus oder Java erleben eine Menge Frustration und unerwartetes Verhalten. Deshalb führt die neueste Version von JavaScript ein neues Schlüsselwort namens Let Wenn Sie lead verwenden , um Variablen zu definieren, wird ihr Umfang auf den Block beschränkt, in dem sie deklariert werden. Na gut, sagen wir ein Beispiel. Ich werde das verzögern. Hier haben wir eine Funktion namens Blockverhalten. Innerhalb dieser Funktion haben wir eine if-Anweisung und in dieser if-Anweisung habe ich eine wertvolle aufgerufene Zahl deklariert. Er war begeistert, Schlüsselwort. Dann habe ich eine neue Alert-Funktion, die den Wert außerhalb dieser Variablen anzeigt. Aus diesem Block habe ich eine andere Warnung, die den Wert einer Variablen namens Zahl anzeigt, aber dieses Mal. Ist es nicht. Das Wertvolle, das wir hier erklärt haben, ist im let-Schlüsselwort. Aber es ist die globale Variable, die wir über unsere Funktion deklariert haben. Der erste Alarm sollte also die Nummer 20 anzeigen. Und die zweite Warnung sollte diesen Wert anzeigen, der dann speichern wir diesen und führen Sie das Skript aus . Der erste Wert ist also 20. Der zweite Wert ist 10. Alles klar, wir haben das hier durchgemacht. Aber warte, wir sind noch nicht fertig. Javascript hat immer noch Überraschungen für uns. Lassen Sie mich Ihnen zeigen, wovon ich rede. Sehen wir uns ein anderes Beispiel an. Also hier habe ich eine Variable namens Text, der einen Wert aus hat. Hallo. Und sie haben eine Funktion namens grüßen jeden in diesem Abschnitt Ich habe eine Alarmfunktion , die sagte, dass dies den Wert unseres Textes wertvoll angezeigt. Wir haben unsere Redeklaration von unserem Text wertvoll mit dem Wert. Wir sehen uns später. Dann haben wir eine weitere Warnung, die den Wert des Textes anzeigt. Was denken Sie, wird das Ergebnis von den anderen Funktionsaufrufen sein? Angesichts dessen, was durch meine Antwort vor sich geht, dass die erste Warnung Hallo auf der zweiten Warnung angezeigt wird, wird Ihnen später zeigen. jedoch Wenn ich dieses Skriptjedochausführe. Was wir sehen werden, ist undefiniert und wir sehen uns später. Also, was ist los? Wenn Javascript auf eine Funktion stößt, durchsuchte es den gesamten Code, um nach einem der Cloud-Wertsachen zu suchen. Wenn es auf sie trifft, ist es sie standardmäßig initialisieren, mit einem Wert aus undefined. Die große Every-Funktion ist, einen variablen kalten Text zu deklarieren. Bevor also die erste Warnung sogar trifft, wird ein Eintrag für Text mit einem Wert aus undefined erstellt. Schließlich, wenn unser Code Treffer unseres Textes gleich Siegel später ist, wird der Wert des Textes korrekt initialisiert. Aber das hilft unserer ersten Alarmfunktion nicht. Aber es hilft der 2. 1, die der Wieder Deklaration folgt. Als Nächstes. All das hat einen Namen. Es wird als Host in oder wertvolles Hosting bekannt. Also denken Sie daran, weil glauben Sie mir, Aufspüren, während Ihre Wertsachen sich nicht wie erwartet verhalten, ist kein Spaß. Und hoffentlich wird dies Ihnen helfen, zu wissen, warum 9. Verschlüsse: eines der wichtigsten Dinge, wenn Sie mit Funktionen in JavaScript arbeiten. Offenlegungen, Closures erlauben JavaScript-Programmierern, besseren Code zu schreiben, und jetzt, da wir einen variablen Umfang unter unserem eingebauten verstehen Gehäuse haben, wäre viel einfacher. Nicht mehr über Schließungen zu sprechen, da dies Ihre gerade verwirrt machen wird. Stattdessen lassen Sie uns unsere Hand Jury durch Manipulation tatsächlichen Code bekommen. Dies wird Ihnen helfen, besser zu verstehen. zuerst sehen, Lassen Sie unszuerst sehen,was passiert, wenn Sie Funktionen innerhalb von Funktionen haben. In diesem Beispiel haben wir unsere angekündigte Gewinnerfunktion, die eine Warnung und eine andere Funktion namens „ Sagen Siegername“ enthält, die auch eine Warnung enthält. Der interessante Teil ist, was die angekündigte Gewinnerfunktion zurückgibt. Wenn es kalt wird, kehrt es zurück zu sagen, Winner Name-Funktion. Lassen Sie uns diese Funktion aufrufen, indem Sie vermeidbare initialisieren, die gewinnt, um Gewinner bekannt zu geben, Ich werde meinen variablen Gewinner gleich nennen, um Gewinner bekannt zu geben. Wenn wir unseren Code ausführen, sehen Sie ein Dialogfeld, das besagt, dass der Gewinner die wichtige Sache ist zu beachten Ist, dass der gleiche Gewinner? Eine Infektion wird noch nicht ausgeführt, weil wir es nicht tatsächlich genannt haben, einfach einen Verweis darauf zurückgeben , weil der Gewinner, wertvoll jetzt Prinz zu einer Funktion, die Sie diese Funktion aufrufen können, nennen wir es mit dem Open und Close paren These wie diese, wenn Sie dies tun, die zurückgegebene Intervention, ein sagen Gewinner Namen. Wir werden auch hingerichtet. Lassen Sie uns unser Skript ausführen und sehen. Also ist die erste Nachricht, die den Gewinner sagt, und die zweite Botschaft, die besagt: Mohammed Ali. Okay, jetzt wissen wir immer näher, wann die Soldaten tatsächlich sind. Wenn Sie Funktionen mit den Infektionen haben, sind Sie wirklich in Fälle wie die, die wir gerade gemacht haben. Stattdessen wird es oft Variablen und Daten haben, die zwischen der äußeren Funktion und der Intervention gemeinsam genutzt werden. Um dies zu veranschaulichen, lassen Sie uns einige Änderungen an diesem Beispiel vornehmen. Ich werde dies löschen und ersetzen, indem ich einen wertvollen Namen des Gewinners deklariere und seinen Wert setze. Zwei. Mohammad Ali auf denen die lassen auch diese Warnung Andi eine andere Variable namens Gewinner in True und Sit erklären . Sein Wert für den Gewinner ist plus unser variabler Gewinnername. Dies ist ein Weg, um diese Zeichenfolge mit unserer Variablen zu verfeinern. Wir werden später darüber sprechen. Hier ist die Twist, die sagen Gewinner namens Funktion auf dem Siegernamen Variable realisiert, die in dem Umfang von der äußeren angekündigten Siegerfunktion lebt . Wir haben zuvor gesehen, dass wir die Funktion verlassen, wenn wir das Rückgabe-Schlüsselwort getroffen haben. Wenn wir also unsere angekündigte Gewinnerfunktion ausführen, verschwindet sie einmal, sagen wir, der Gewinnername wird an den Gewinner zurückgegeben. Wertvoll. Also, was denkst du? Was passiert, wenn wir diese Linie treffen? Keine logische Annahme ist, dass der Siegername Variable tatsächlich auf definiertem Recht ist? Also lassen Sie uns den Wert vom Gewinner andro alarmieren und sehen, was passiert. Lassen Sie uns unser Drehbuch laufen. Wir haben eine Nachricht, die besagt, dass der Gewinner Mohammed Ali ist. Also funktioniert unser Skript tatsächlich. Etwas geht hier vor sich, und dass etwas nichts anderes ist als unsere geheimnisvolle Superhelden-Schließung. Hier ist ein Blick auf was, genau oder warum genau. Der Name des Gewinners war nicht undefiniert. Die Java-Skript-Laufzeit, die Truck all Ihre Wertsachen, Speicher, Nutzungsreferenzen und so weiter gibt Speicher, , ist wirklich clever. In diesem Beispiel erkennt es, dass die innere Funktion, sagen Wintername ist abhängig von Variablen aus der nachher-Funktion, die Gewinner angekündigt wird. Wenn dies geschieht, die Laufzeit sicher, dass jede Variable in der äußeren Funktion, die benötigt werden, weiterhin die Inter Funktion verfügbar ist, auch wenn die äußere Funktion verschwindet. Der Sieger Valuable bezieht sich also darauf. Ein Gewinner namens Function. Aber die Sagen Siegernamen-Funktion hat auch Zugriff auf den Gewinnernamen Wertvoll, die in der Äußeren angekündigt Gewinner Funktion dieser inter Fraktion existiert , weil es in der Nähe, relevante Wertsachen aus der äußeren Funktion in so seinen Umfang als Schließung bekannt ist. 10. Wo du JavaScript setzen kannst,: Bisher haben wir unseren JavaScript-Code in unserem HTML-Dokument geschrieben. Aber das ist keine unverbindliche Verpflichtung. Es gibt eine andere Option, die direkt in Ihrem JavaScript-Code beinhaltet. In einer separaten Datei. Wenn Sie diese Option verwenden, wird in JavaScript in Ihrem HTML-Dokument entfernt. Sie haben immer noch das Strip-Tag, aber sein Zweck wäre es, auf die separate JavaScript-Datei zu verweisen, die JavaScript-Code enthält . Beachten Sie, dass Sie immer noch Zeilen von JavaScript-Code helfen können, während Sie eine externe JavaScript-Datei verwenden . Keiner dieser Ansätze schließt sich gegenseitig aus. Werfen wir nun einen genaueren Blick auf diese Ansätze und sehen Sie sich die Vor- und Nachteile jedes Ansatzes , so dass Sie den richtigen Ansatz für Ihre Webanwendungen wählen können. Der erste Ansatz, den wir uns ansehen werden, ist derjenige, den wir bisher verwendet haben. Dieser Ansatz ist, wo all ihr JavaScript innerhalb des Skript-Tags Seite an Seite mit dem Rest des HTML-Codes enthalten ist . Wenn Ihr Browser die Seite liebt, geht es durch und analysiert jede Zeile von jedem Kanal von oben nach unten. Wenn es das Skript AG trifft, wird es weitergehen und alle Zeilen von JavaScript als auch ausführen. Sobald es mit der Ausführung Ihres Codes fertig ist, wird es weiterhin den Rest von Ihrem Dokument übergeben. Der zweite Ansatz ist derjenige, bei dem kein JavaScript in Ihrem HTML-Dokument geschrieben wird. Stattdessen all Ihr Javascript ist all Ihr Javascriptin einer separaten Datei enthalten. Dieser Ansatz funktioniert nur, wenn Sie eine separate Datei haben, die ein JavaScript-Gold enthält. Aber die Erweiterung dieser Datei sollte die GS sein. Zum Beispiel habe ich hier eine Datei namens Script RGs. Der Name spielt keine Rolle. Du kannst es benennen. Was immer du willst. In dieser Datei befindet sich Onley-Java-Skript. Sie dürfen nicht jeden Diana oder CSS schreiben, der hier aufgerufen wird, nur JavaScript-Code, Sie normalerweise innerhalb des Skript-Tags setzen würden. Sobald wir die JavaScript-Datei erstellen, müssen wir die Referenz es in der HTML-Seite rächen, um dies zu tun. Das Skript-Tag hat ein Attribut namens SRC. Dieses Attribut verweist auf die Position außerhalb der Arbeitslosen. Tolle Akte. In diesem Beispiel Jarvis, großes Datei-Skript wie ja, befindet sich Jarvis, großes Datei-Skript wie ja, im selben Verzeichnis wie unsere HTML-Dokumente. Ich kann den Dateinamen direkt referenzieren, indem ich dies innerhalb des Skript-Tags tue. Ich werde die SRC-Attribute hinzufügen und sagen, dass es gleich ist, um die gs zu kratzen. Wenn sich Ihre Datei beispielsweise in einem anderen Ordner befindet , haben Sie eine vollere kalte G s. Und in diesem Ordner legen Sie Ihre Datei ab. Dann solltest du den Rücken ein Verwöhnen ändern. Also hier werde ich den Namen von diesem Ordner hinzufügen. In diesem Fall beginnt unsere Skriptdatei mit dem Blick auf das Stammverzeichnis unserer Website und navigieren Sie durch den GS-Ordner . Sie können auch den vier Pfad angeben oder was wir das absolute Bad nennen. Zum Beispiel. Ich kann dies entfernen und stattdessen Folgendes schreiben, bevor ich darüber spreche, welcher Ansatz besser ist . Ist es in Zeile oder externes JavaScript? Ich möchte zuerst etwas besprechen. Bisher wurden wir in unsere Drehbuch-Zeit in unseren Körperangriff gesetzt. Wir haben es mit einem leeren HTML-Dokument zu tun, so dass das keinen Unterschied macht. Aber wenn Sie ein paar 100 Zeilen Gold haben, dann beginnt die Debatte, wo Javascript setzen. Einige Leute betrachten Platz in JavaScript am unteren Rand der Seite, eine Best Practice, wenn andere das Gegenteil sehen. Also, wer hat Recht? Werfen wir einen genaueren Blick auf jeden Fall, den Ihr Browser Ihre HTML-Seite übergibt, beginnend oben und bewegt sich dann Zeile für Zeile nach unten. Wenn Sie also Ihr JavaScript oben auf der Seite zeigen, der Browser, beginnen wir, Ihre GS-Dateien vor dem Markt Bilder und Text zu laden und sagt Browser. Obwohl JavaScript synchron nichts anderes geladen wird, während das JavaScript geladen wird, so dass der Benutzer für ein paar Sekunden eine leere Seite sehen wird, während das JavaScript geladen wird. Auf der anderen Seite, wenn Sie Ihr JavaScript am unteren Rand der Seite platzieren, wird der Benutzer sagen, dass die Seite zuerst geladen wird, und danach wird das JavaScript im Hintergrund geladen. Wenn also zum Beispiel Ihr CSS und HTML fünf Sekunden dauern, um zu laden und Ihr JavaScript weitere fünf Sekunden dauert , wird das Setzen unseres JavaScript oben auf der Seite dem Benutzer eine wahrgenommene Ladezeit geben off 10 Sekunden, und setzen Sie es auf den Boden wird eine wahrgenommene Ladezeiten aus fünf Sekunden geben. Ich verwende das Wort wahrgenommen, weil in beiden Fällen die Seite in der gleichen Zeit vollständig geladen wird. Indem Sie JavaScript am unteren Rand der Seite setzen, scheinen unsere Seiten doppelt so schnell geladen zu werden, aber es gibt einen Haken. Wenn wir unser JavaScript am unteren Rand der Seite laden, wird der Benutzer für ein paar Sekunden mit einer schön aussehenden HTML-Seite verlassen, wo nichts funktioniert. Wenn der Benutzer versucht, eine Aktion auszuführen und herausfindet, dass sie nicht funktioniert, wird er denken, dass unsere Verpflichtung gebrochen ist. Was noch schlimmer ist, dass wir keine Möglichkeit haben, die Jahre oder Nein zu lassen, wenn die Anwendung voll funktionsfähig sein wird. Ein paar Sekunden zum Laden. Die APP ist eine der häufigsten Dinge. Wir alle das Gewicht für unsere Computer zu booten für Videos zu laden, ungewöhnlich für, für das Geschäft für fast alles zu öffnen. Noch ein paar Sekunden. Warten wird niemanden verrückt machen, hoffe ich. Aber es gibt nichts Schlimmeres als ein Benutzer, der auf eine Schaltfläche klickt, was nicht funktioniert, weil er das Vertrauen in die Anwendung verliert. Selbst die langsame Ladeerfahrung kann mit einem einfachen Loader wie dem, den Sie sehen, wenn Sie Ihr Gmail-Konto öffnen erleichtert werden, zum Beispiel, es hängt wirklich davon ab, was Sie machen. Wenn der Inhalt für Sie wichtiger ist, dann ist es am besten, Ihr Javascript unten auf der Seite zu platzieren. Aber wenn Sie eine Webanwendung erstellen, sind Sie ein viel besserer Ort in JavaScript an der Spitze. Jetzt müssen wir wählen, welcher der beiden Ansätze besser ist. Ist es besser? Probieren Sie JavaScript-Insider-HTML-Dokument aus oder setzen Sie es in einen externen Flug wie hier ein. Nun, die Entscheidung hängt von Ihrer Antwort auf die folgende Frage ab. Werden Sie denselben JavaScript-Code für mehrere HTML-Dokumente verwenden? Wenn die Antwort ja ist, möchten Sie wahrscheinlich den Code in eine externe Datei einfügen und dann auf alle HTML-Seiten verweisen , in denen Sie ausgeführt werden möchten. Dies wird Ihnen helfen, Duplikationen zu vermeiden, die über Seiten hinweg aufgerufen werden, und sie und Wartung erleichtern. Da Sie eine einzige Stelle haben, um alle Änderungen, die Sie an Ihrem Skript möchten, vorzunehmen. Dies spart den Benutzern auch viel Zeit, da sie das Skript nicht jedes Mal herunterladen müssen , wenn sie eine dieser HTML-Seiten laden, besonders wenn das Skript mehr als ein paar Hunderte von Zeilen ist. Der Browser wird nicht wissen, den Mantel nur einmal und liefern die Bargeld die Person Version aus der Datei auf Anfrage, wenn Sie beantwortet nein auf die frühere Frage bezüglich mit dem Datensatz wird in mehreren HTML-Dokumenten verwendet werden. Dann kannst du tun, was du willst. Es wird nicht viel Unterschied geben. 11. Schreiben eines Kommentars: Wenn Sie diesen Kurs absolvieren, um ein JavaScript-Entwickler zu werden, sind Sie an der richtigen Stelle. Zweitens werden Sie wahrscheinlich mit anderen JavaScript-Entwicklern arbeiten. Als Team. Dies bedeutet, dass Sie sich oft Ihren Teamkollegen Code ansehen werden, und sie werden oft Ihren ansehen. Sie müssen also sicherstellen, dass sie sagen können, was Ihr Code tut oder anderweitig. Es ist nutzlos. Aber selbst wenn Sie solo arbeiten, würden Sie überrascht sein, wie schnell es sogar nutzlos für Sie selbst wird, weil Sie für bekommen, was die gehen aus dem Programm ist. Um dieses unglückliche Problem zu vermeiden, ist einer der besten Weg, indem Sie etwas als Kommentare comenzar spezielle Zeilen Ihres Programms, die nicht in Code-Button in einfachen Englisch oder Französisch oder was auch immer Sprache, die Sie sprechen, bekannt Programms, die nicht in Code-Button in einfachen Englisch oder Französisch oder was auch immer Sprache . In Ordnung, es ist ein Beispiel hier. Der Kommentar wird durch den doppelten Schrägstrich markiert. Die Sache, die Sie bei Kommentaren beachten müssen, ist, dass sie nicht ausgeführt werden und wie der Rest Ihres Codes ausgeführt werden. JavaScript ignoriert sie. Das Ziel des Kommentars ist es, uns zu helfen, zu verstehen, was der Code ist der Wind. Ein weiterer Zweck von Kommentaren besteht darin, Codezeilen zu markieren, die Sie nicht ausführen möchten. Wenn ich JavaScript sagen möchte, dass diese Warnmeldung nicht angezeigt wird, werde ich sie einfach kommentieren, indem ich den doppelten Schrägstrich vorne stelle. Runter von der Aussage. Es gibt viele Arten von Kommentaren in JavaScript. Einer dieser Arten, ist es, denke ist die einzige Zeile gemeinsame, die wir gerade verwendet haben. Moment kann die einzelne Zeile gemeinsam in einer eigenen Zeile geschrieben werden, oder wir können sie in der gleichen Zeile wie eine Anweisung schreiben. Es liegt an Ihnen, einen Ort zu wählen, der für die kommen in unserem Schreiben angemessen erscheint. Wenn Sie einen langen Kommentar aus mehreren Zeilen schreiben möchten oder ein großes Stück Code auszählen möchten, ist die Verwendung des doppelten Schrägstrichs nicht praktisch, da Sie sie vor jeder Zeile hinzufügen müssen . Stattdessen können wir die folgende Syntax Schrägstrich verwenden, gefolgt von und Hysterie und diesen Kommentar zu schließen. Aber die Ästhetik zuerst, dann durch den Schrägstrich gefällt, müssen Sie mit einzeiligen und multiplizierenden Kommentaren vertraut sein, denn in den meisten Anwendungen werden Sie eine Kombination aus beiden kommentierenden Ansätzen verwenden. Nun, da wir wissen, verschiedene Wege aus kommentieren, Lassen Sie uns durch einige Best Practices gehen zu folgen. Wind kommender Junior-Code kommt immer in Ihren Code, wie Sie richtig darin sind. Ich weiß, dass das Schreiben von Kommentaren langweilig sein mag, aber glauben Sie mir, Sie werden dankbar sein, wenn Sie verstehen können, was Ihr Code tut. Nur vom Lesen des Kommentars als Gegenteil zum Durchlaufen von 100 Off-Zeilen von JavaScript. Zweite Sache. Kommentar. eindeutig mehr Englisch oder eine Sprache, Verwenden Sieeindeutig mehr Englisch oder eine Sprache,die Sie bevorzugen, und weniger Code. Verkomplizieren Sie nicht, dass Ihre Kamen groß, klar und prägnant ist . Das Letzte ist, nicht zu überwinden und offensichtliche Dinge zu kommentieren, wird die Lesbarkeit verringern. Wenn Sie diese Best Practices befolgen, werden Sie in der Lage sein, bessere Kanonen zu schreiben, und das wird Code einfacher für Sie und Ihre Teamkollegen zu lesen. 12. Arten: in den besten Lektionen mit so verschiedenen Arten von Werten mit so Milliarden, eine wahre oder falsche Zahlen Stärke und viele verschiedene Welt und Dinge, die zu JavaScript gehören . Dieser Atem und die Dinge sind formell als Typen bekannt. Glücklicherweise ist JavaScript freundlich genug, um uns diese Typen verwenden zu lassen, ohne vorher zu planen. Trotz wie einfach es ist, diese Typen zu verwenden, ist hinter den Kulissen viel los. Es ist wichtig zu wissen, was Javascript sich vor Ihnen verbirgt, weil es auf Lee Ihnen nicht hilft , Ihren Code leichter zu verstehen. Es könnte Ihnen sogar helfen, zu identifizieren, was schief gelaufen ist. Wir wussten, dass Programm nicht richtig funktioniert, bevor wir entdeckt haben, was JavaScript verbirgt. Lassen Sie uns einige grundlegende Java-Skript-Typen String sehen. Dies ist die grundlegende Struktur für die Arbeit mit Textnummer. Es ermöglicht Ihnen, mit Zahlen barren zu arbeiten, nehmen Sie eine wahr oder falsch Nein repräsentieren das digitale Äquivalent aus. Nichts Undefiniertes. Dies wird zurückgegeben, wenn ein Wert existieren sollte, aber nicht mag, wenn Sie eine Variable deklarieren, aber nichts zuweisen. Objekt. Dies fungiert als Container für andere Typen, einschließlich anderer Objekte. Jeder dieser Typen ist einzigartig, in dem es tut Aber es gibt eine einfache Gruppe in der Standardeinstellung unter. Diese Typen können entweder einfach sein, früher als Primitive bekannt, oder sie können komplex sein, früher bekannt als Objekt-Primitive, Unser Atomic. Mit anderen Worten, sie können nicht in einfache Typen zerlegt werden. In JavaScript sind primitive Typen Zeichenfolgennummer Boolean Nein für undefinierte Typen. Objekte hingegen hingegen sind ein bisschen geheimnisvoll. Also, was genau sind sie? In der Tat sind wir von Gegenständen umgeben. Fast alles, was wir wissen, kann als Objekt betrachtet werden. Ein Mobiltelefon ist ein Objekt. Sie können es ein- und ausschalten, Anrufe tätigen, Videos ansehen und alle möglichen Dinge erledigen. Objekte befinden sich auf Abstraktion. Sie können sie einfach verwenden, ohne zu wissen, was hinter der Szene passiert. Zum Beispiel spielt es keine Rolle, was in Ihr Telefon geht, welche Art von Materialien oder welche Electronique-Komponente verwendet wird. Alles, was uns wichtig ist, ist, dass das Telefon tut, was es gesagt wird. Grundsätzlich denken oft Objekt als eine Blackbox. Sie können sehen, was drinnen passiert, aber das tut es. Es spielt keine Rolle, solange es funktioniert. Dies wird sich ändern, wenn wir lernen, zu schaffen. Die Innenseiten widersprechen oft für den Moment. Lassen Sie uns es neben den Brault und Typen einfach halten, die so früher wir auch eine Reihe von vordefinierten Objekten in Javascript haben , dass wir String als Gummi um die Zeichenfolge verwenden können . Primitive brillante wirkt als Rapper um die Anlageprimitive Zahl wirkt als Gummi um die Zahl primitive Array befasst sich mit der Sammlung von Daten Datum helfen Sie mit Daten arbeiten . Meine Hilfe, dass du Zahlen manipulierst. Ich werde jedes Objekt später ausführlich erklären. vorerst Lassen Sie unsvorersteinige Codeausschnitte sehen, um Ihnen eine Vorstellung über sie zu geben. Hier haben wir verschiedene Objekte. Wir haben ein String-Objekt, ein Datum, Array auf dem 1.000.000.000-Objekt. Beachten Sie, wie wir das neue Schlüsselwort gefolgt von dem Namen des Objekts verwendet haben, um jedes von diesen Objekten zu erstellen . Ich weiß, dass Sie wahrscheinlich verwirrt sind über den Zweck, Objektform von den String-Bollion und Zahlenprimitiven zu haben . Schließlich sehen die Objektform und primitive Form aus diesen Typen sehr ähnlich aus. Sehen wir uns ein anderes Beispiel an. Also hier haben wir eine String-Primitive und ein seltsames Objekt beide mit dem gleichen Wert. Also, was wir sehen, Sie gedruckt werden, wird unter der Oberfläche identisch sein, obwohl beide Muppet auf Muppet Objekt sehr unterschiedlich sind. Wir werden den Unterschied allmählich in den nächsten Lektionen setzen, während wir die eingebauten Typen tiefer erkunden . 13. Striche: als Menschen verwenden wir Wörter fast die ganze Zeit, um zu kommunizieren. JavaScript verwendet auch Wörter oder früher als Strings bekannt, um Informationen zwischen dem Programm und dem Benutzer zu kommunizieren. Aus dem Programm. Strings sind nicht wie Sätze. Sie werden in einem Code als Anführungszeichen von Zeichen geschrieben erhalten Ihre einfachen oder doppelten Anführungszeichen. Wie Sie in diesen Beispielen sehen können, String-Objekt-Implementierung in JavaScript, die viele Eigenschaften enthält, um unser Leben zu erleichtern, wenn mit Strings gearbeitet gibt es eine zugrunde liegendeString-Objekt-Implementierung in JavaScript, die viele Eigenschaften enthält, um unser Leben zu erleichtern, wenn mit Strings gearbeitetwird . Ich werde nicht jedes vorhandene Grundstück durchgehen. Das wäre sehr langweilig, aber ich würde mich auf die wichtigsten konzentrieren. In JavaScript. können Sie Plus-Operatorkönnen Siezwei Strings zusammenbauen, angeboren oder kombinieren. Hier kombiniere ich Gruß und Ziel zusammen. Aber wie Sie sehen können, gebe ich ein leeres Leerzeichen zwischen ihnen, um sicherzustellen, dass es einen Raum zwischen der Welt Hallo und der Welt, alle. Also, wenn ich dieses Skript ausführe, wird das Ergebnis hallo sein, alle. Wir können auch die String-Objekte zu der Mischung hinzufügen, aber wir werden den gleichen Typ am Ende haben , der eine Stärke primitiv ist. Also hier werde ich dies von einer primitiven Stärke zu einem String-Objekt mit neuem Strike ändern . Es gibt eine andere Möglichkeit, ein leeres Leerzeichen zwischen den Wörtern Hallo und jedem zu haben. Stattdessen aus diesem leeren Raum hier kann ich aus diesem leeren Raum hiereinfach entfernen und hier süchtig machen. Also, wenn ich das Skript ausführe, können Sie sehen, dass wir das gleiche Ergebnis erhalten. Ein anderes Wort, um Strikes in JavaScript zu kombinieren, ist die Verwendung der übereinstimmenden Methode. Sie haben diese Methode in einer Zeichenfolge aufgerufen. Dann geben Sie die andere Stärke, Grundkörper und Objekte an, die Sie verbinden möchten. Persönlich bevorzuge ich den Plus-Operator, weil er schneller ist. Eine Schnur mag wie eine enge Strickeinheit aussehen, aber sie ist in der Tat, aus einem Siri aus Charakteren gemacht. jedes Zeichen kann zugegriffen werden, indem die Indexposition außerhalb des Zeichens in Klammern angegeben wird. Welcher Charakter wird Ihrer Meinung nach angezeigt? Wenn Ihre Antwort s ist, dann herzlichen Glückwunsch. Du hast recht. Wenn Sie ein anderes Zeichen erwartet haben, wahrscheinlich das letzte A in Javascript hier, dann sollten Sie wissen, wie die Endausstellung in Javascript und vielen anderen Sprachen funktioniert. Die Indexposition beginnt bei Null und bewegt sich von dort nach oben. Deshalb ist die Indexposition für, aber die Zählung aus. Das Element an dieser Position ist fünf weitere. Ein anderer wurde benutzt. Möglichkeit, auf einen Charakter zuzugreifen, ist die Verwendung der Hai at Methode. Also hier kann ich die Klammern entfernen und stattdessen sagen, aber auf vier geschossen, diese Methode das Zeichen an der angegebenen und exposition zurück, so dass hier das Ergebnis ähnlich sein wird. Also, was wir vorher gesehen haben? Wenn Sie auf alle Zeichen in einer Stärke zugreifen möchten, können Sie durch die Indexpositionen schauen. Der Startpunkt Ihres Looks wird Null am Ende Ihrer Lope ist tatsächlich die Länge Ihrer Saite. Anstatt die Anzahl der Zeichen in Ihrer Zeichenfolge zu zählen, gibt es eine sehr nützliche Eigenschaft, um die Länge in JavaScript zu bestimmen, dass diese Eigenschaft Yep ist , Sie haben Länge erraten. Manchmal interessiert man sich nicht für die ganze Saite, sondern nur für einen Teil davon. Um die Cocktails zu extrahieren, sind Sie interessiert. Ende in einer Zeichenfolge. Wir haben zwei Methoden. Slice und sub str die Slice-Methode. Extrahieren Sie einen Abschnitt einer Zeichenfolge abhängig von der Start- und Endposition. Ihre Vergangenheit tun es so hier, Weg geschnitten die Pizza wertvoll wir extrahieren die Cocktails zwischen der Index-Position sechs und 17. Das Ergebnis. Die Sub-Zeichenfolge ist die beste zurückgegeben wird. Die andere Methode, die Ihrer Splitter-Zeichenfolge hilft, ist der Subtext, den Sie sind. Diese Methode gibt die Zeichen in einer Zeichenfolge, beginnend an der Startposition und den ganzen Weg durch die Länge von einem Substrat. In diesem Beispiel haben wir mit dem ersten Zeichen begonnen, das die Enddarstellung von Null hat und fünf Zeichen gezählt hat. Das Ergebnis ist also das Wort Pizza, das zurückgegeben wird. Sie können diese Methode auch aufrufen, ohne das Argument length anzugeben In diesem Fall erhalten Sie die Stärke, die von der Startposition bis zum Ende geht. Also, wenn ich aus dem Index Partisan sechs gestoppt. Was wird es zurückgegeben? Ist die Sub-Zeichenfolge das Beste überhaupt? Eines der mächtigen Dinge, die Sie tun können, wenn Sie mit Strings arbeiten, ist die Suche nach einem Zeichen oder Zeichen innerhalb der Zeichenfolge. Du kannst das tun. Er war im Index vom letzten Index aus und Match-Methoden. Lassen Sie uns zuerst die Indexaus-Methode sehen. Diese Methode ICS als Argument das Zeichen oder Zeichen, die Sie suchen und gibt den Index aus dem ersten Vorkommen. Wenn die angegebenen Zeichen nicht gefunden werden, wird minus eins zurückgegeben. Also hier versuche ich, das Wort Dollar in meiner Stärke zu finden. Die Index-Off-Methode ist freundlich genug, um uns wissen zu lassen, dass dieses Wort am 11. in Exposition existiert . Es versucht nach etwas zu suchen, das nicht existiert. Zum Beispiel X. Sie können sehen, dass diese Methode minus eins zurückgibt. Lassen Sie uns nun zur letzten Indexaus-Methode übergehen. Wie Sie den Namen erraten können. Diese Methode gibt das letzte Vorkommen aus dem angegebenen Wert, wenn nichts später gefunden wurde Tunes Minds einen Index aus. Letzter Index aus kann ein anderes Argument annehmen. Zusätzlich zu den Charakteren, die Sie suchen, ist dieses Argument die Startposition, an der Sie Ihr Surfen beginnen möchten. Was denken Sie an die Index- und weniger Indexaus-Methoden denken sollten, ist, dass sie keine Unterscheidung zwischen ganzen Wörtern oder dem machen, wonach Sie suchen. Als Teil eines größeren Satzes von Zeichen, die sich weiterbewegen, lassen Sie uns jetzt die Match-Methode sehen. Diese Methode ist viel eine Zeichenfolge gegen einen regulären Ausdruck und gibt ein Array zurück, das den Wert viel Ergebnis reguläre Ausdrücke enthält , sind spezielle Textstärken verwendet, um Kombinationen aus Zeichen in Stärken zu entsprechen . Um einen regulären Ausdruck zu erstellen, schließen Sie Ihre Surf besser zwischen Schrägstrichen. Hier werden wir ein Spiel auf Lee haben, wenn die Entführer E V. C. aufgetreten zusammen in dieser Reihenfolge, was ist der Fall hier? Das wird also eine Nachricht beleuchten, die ABC sagt, weil wir ein Match haben, das wir früher gesehen haben, wie es kommt, Captain. Acht Saiten zusammen. Jetzt werden wir das Gegenteil tun, indem wir eine Zeichenfolge auseinander teilen. Um dies zu tun, wurde wirklich Methode angezeigt, die die Stärke in ein Array von Sub-Strings aufgeteilt, um zu bestimmen, wo genau. Um jede Teilung zu machen, müssen wir ein Trennzeichen angeben. Sagen wir ein Beispiel. Unsere Monate variablen Stores, ein String off Monate durch Komma getrennt. Wir haben diese Blutmethode verwendet, um jeden Monat zu trennen. Die Separatorfigur, die er ist, ist Kama. Als Ergebnis haben wir ein Array von 12 Monaten. Das letzte, was wir sehen werden, ist, wie man eine Zeichenfolge in Groß- und Kleinbuchstaben konvertiert. Es ist ziemlich unkompliziert. Nichts Kompliziertes Die Methoden wurden verwendet, sind Groß- und Kleinbuchstaben. Mal sehen, wie sie funktionieren. Also hier haben wir eine Verschiebung wertvoll, die eine Zeichenfolge in Kleinbuchstaben hat. Also, wenn ich diesen String Toe Großbuchstaben konvertieren möchte, muss ich nur die Zehe Großbuchstaben Methode auf diesem wertvollen, wenn das Gegenteil. Wenn ich diese Getränkezehe konvertieren möchte, Kleinbuchstaben, die ich tun werde, ist das gleiche, indem ich auf diesem wertvollen Kleinbuchstaben Methode aufruft. Also lassen Sie uns dieses Skript ausführen und sehen, was passiert. Das erste, was Zehen-Großbuchstaben umgewandelt wird, und die 2. 1 wird umgewandelt, in Kleinbuchstaben umgewandelt. Bevor ich diese Lektion beende, möchte ich auf etwas in einem früheren Hören hinweisen. Ich sprach über Primitive und Objekte, und ich sagte, dass Primitive einfach und unkompliziert sind. Im Gegensatz zu Objekten haben sie keine Eigenschaften oder Methoden, die es uns erlauben, mit ihren Werten zu spielen. Aber in dieser Lektion haben wir viele interessante Dinge mit unserer Stärke Primitive gemacht. Also, was ist hier los, ohne zu viele langweilige Details? Ich möchte, dass Sie wissen, dass JavaScript Ihren primitiven Stamm zeitlich im Schlepptau auf Objekt konvertiert , wenn Sie auf eine Eigenschaft oder eine Methode zugreifen möchten. Sobald dieses Objekt seinen Zweck erfüllt hat, verschwindet es und hinterlässt Ihnen das Endergebnis 14. Arrays: In dieser Lektion werden wir einen grundlegenden Begriff in JavaScript sehen, der als Rasse bekannt ist. Ein Array speichert eine Sequenz von Werten, die alle nicht zur gleichen Zeit sind. Eine Möglichkeit, ein Array zu erstellen, besteht darin, eine offene und geschlossene Rakete zu verwenden. Dann innerhalb der Klammern können Sie Ihre Elemente innerhalb der Klammernplatzieren und durch Kommas trennen. Nun, wie greifen wir auf unsere Artikel zu? Nun, du weißt schon, wie man das macht. Denken Sie daran, wie wir auf Zeichen innerhalb der Zeichenfolge zugreifen, ist die gleiche Weise, mit einer Erhöhung innerhalb eines Arrays, jedem Element wird ein Indexwert zugewiesen, beginnend mit Null. In unserem Beispiel hätten Cookies und Sahne einen Indexwert oder Null. Also, wenn ich den Schokoladengeschmack bekommen möchte, werde ich die folgenden Eisaromen reiten. Und in den Klammern werde ich den Index von Schokolade setzen, die hier die Nummer eins ist. Dann kann ich dies zu einer Variablen signieren, zum Beispiel Geschmack. Und hier hast du es, genau wie wir es vorher getan haben. Sie können durch Ihr Array mit einer for-Schleife und der length Eigenschaft suchen. Die Indexwerte von unserem Array beginnen bei Null und enden bei Einigkeit als Ihre Arrays Link. Das liegt daran, dass die length Eigenschaft Konto aus zurückgibt. Alle Elemente in unserem Array, das in diesem Beispiel ist, sind in Ordnung, aber der Indexwert sollte bei vier stoppen, weil wir von Null beginnen. Wenn wir versuchen, Eis fliegen, zum Beispiel. Okay, was wir bekommen, ist eine Nachricht, die undefiniert sagt. Wenn Sie Elemente zu Array hinzufügen möchten, können Sie die push-Methode verwenden. Die Push-Methode wird auf Ihrem Array aufgerufen und nimmt das Element, das Sie hinzufügen möchten. Das neue Element wird am Ende Ihres Arrays hinzugefügt. Wenn Sie am Anfang Werbung sein wollten, verwendete Ihr Array stattdessen die Methode on shift. Der Rückgabewert von Aufruf in beiden Push- und Shift-Methoden ist die neue Länge von Ihrer Rate, um Elemente aus dem Array zu entfernen, die die Shift- und Bob-Methoden verwendet werden. Die Shift-Methode entfernt das erste Element aus einem Array und gibt es zurück, während die Pot-Methode das letzte Element aus Array entfernt und gibt es zurück. Beachten Sie, dass das erste Element im Array immer den Indexwert Null hat, unabhängig davon, ob Sie Elemente hinzufügen oder entfernen . Es gibt auch eine Scheibe Methode für Rennen. Es erlaubt Ihnen, einige Elemente aus Ihrem Array zu kopieren und Ritter ein neues Array mit nur diesen kopierten Elementen in diesem Beispiel zu kopieren, alle Elemente zwischen dem ersten und dem vierten Element in unserem Array zu rekrutieren und sie an den neuen Strahl zurückzugeben . Nichts passiert mit unserem ursprünglichen Array, weil diese Elemente nur kopiert werden. Wenn Sie nach einem Element in einem Array suchen, können Sie zwei Methoden verwenden Index off und der letzte Index aus der Indexaus-Methode gibt den Indexwert aus dem ersten Vorkommen aus dem Element, das Sie suchen, und die letzte Indexmethode gibt den Indexwert vom letzten Vorkommen des gesuchten Elements zurück. Wenn kein Element beide aus gefunden wurde, diese Methode minus eins zurück. 15. Zahlen: Zahlen sind ein wesentlicher Bestandteil von JavaScript. Sie werden die meiste Zeit mit ihnen arbeiten, besonders wenn Sie versuchen, etwas zu zählen. Deklarieren einer Zahl in JavaScript Es ist ziemlich unkompliziert. Das ist in anderen Programmiersprachen wie Java oder C Plus Plus nicht der Fall. Wo müssen Sie eine Zahl als V genug Typ deklarieren? Es ist kein doppelter Schwimmer, etcetera. JavaScript-Zahlen sind immer 64 Bit schweben. Punktnummern können auch mit Dezimalstellen und mit wissenschaftlicher Nachahmung mit Exponenten geschrieben werden. Sie können auch negative Zahlen über das Platzieren des Minuszeichens vor der Zahl deklarieren. Tut mir leid, Falten. Es ist Zeit für ein bisschen Mathematik. Mach dir keine Sorgen. Es ist eine einfache Mathematik. In JavaScript können Sie die grundlegenden mathematischen Operationen ausführen, die Sie in der ersten Klasse gelernt haben, zum Beispiel Addition, Addition, Subtraktion, Multiplikation und Division etwas, das Sie für eine Menge Einkommen, wenn Die Arbeit mit Mitgliedern ist inkrementell oder ein Dekret erwähnen eine wertvolle, genau wie wir mit den vier gesehen haben. Hier ist ein Beispiel Off-Inkremente in einer Variablen um eins. Wir können diese Zeile vereinfachen, indem wir das folgende X plus, plus allgemeiner, wenn Sie um s und bestimmte Zahl erhöhen möchten, und Sie können folgendes tun . Das bedeutet genau folgendes. Es gibt keinen Unterschied. Diese erste Syntax ist einfach einfacher als diese. Sie können die gleichen Dinge mit anderen Operationen tun. Alles, was Sie tun müssen, ist das Pluszeichen durch den Operator Ihrer Wahl zu ersetzen. Eine Sache, die Sie im Auge behalten sollten, wenn Sie das doppelte Pluszeichen oder das doppelte Minuszeichen verwenden , ist, dass, ob sie vor dem wertvollen Sie inkrementell oder d'Yquem erscheinen, Inter tatsächlich zählt. Ein Beispiel würde veranschaulichen, was ich zu sagen versuche. Also hier haben wir eine Variable namens X, die einen Wert von fünf hat, und wir sind inkrement in diesem Gleichnis. Also, was denkst du, wäre das Ergebnis dieser Warnung? Lassen Sie uns das Skript in C ausführen Wir haben X Tickle sechs und Y gleich fünf X gleich. Sechs. Dies wird erwartet, weil wir inkrementieren und den Wert von X , aber warum? Warum hat einen Wert von fünf und nicht sechs? Der Grund dafür ist, dass das doppelte Pluszeichen hier nach dem X wertvoll erscheint. Also weisen wir den Wert von X, den alten Wert von X der y-Variablen vor der Inkrementierung zu. Wenn wir dieses Mal das doppelte Pluszeichen vorne platzieren, was wir bekommen, ist X gleich sechs und y gleich sechs 16. Objekte: in einem früheren Hören. Wir haben einen Blick auf Objekte und ich habe dir gesagt, dass du sie als Blackboxen betrachten solltest. Aber jetzt ist es Zeit, diese Kisten zu öffnen und zu sehen, was drin ist. Um ein Objekt zu erstellen, verwenden Sie die folgende Syntax, das Schlüsselwort var, gefolgt von dem Namen aus Ihrem Objekt dann einige öffnende und schließende geschweifte Klammern. Einfach ist das diese Linie? Erstellen Sie ein Objekt Gold Auto. Unser Auto Objekt Mann Blick ist spät zum hier, aber in der Tat ist es mit dem Hauptobjekt Typ verbunden. Wie ist das? Warum haben wir keine Eigenschaften für unser Autoobjekt definiert? Es gibt eine spezielle interne Eigenschaft, die als proto bezeichnet wird. Diese Eigenschaft verweist auf ein sogenanntes Prototypobjekt. Ein Prototypobjekt verdient, dass ein anderes Objekt basiert auf. Wir sagen, dass das Autoobjekt vom Objekttyp erbt. Deshalb kann auf alle Eigenschaften, die das Objekt enthält, über unser Auto-Objekt zugegriffen werden. Sehen wir uns hier ein Beispiel an. Ich rufe eine Methode auf, die als String für unser Autoobjekt aufgerufen wird. Obwohl unser Auto-Objekt keine Eigenschaft hat, die als Dehnung bezeichnet wird, können wir das Ergebnis sehen, indem wir diese Methode aufrufen, anstatt einen Fehler oder undefiniert zu bekommen? Nein. Lassen Sie uns einige Eigenschaften auf unserem Autoobjekt definieren, zum Beispiel Name und Modell. Wir können diese beiden Eigenschaften mit drei Ansätzen finden. Der erste Ansatz ist die Verwendung der Dokumentation. Also hier habe ich einen Namen, Eigenschaft mit diesem Wert oder für alle Wunden auf der Modelleigenschaft mit einem Wert von Phantom. Der zweite Ansatz beinhaltet die Verwendung in den eckigen Klammern, also werde ich die Dokumentation entfernen und stattdessen also werde ich die Dokumentation entfernen und stattdessen einige Klammern und dasselbe für die Mündungseigenschaft tun. Der letzte Ansatz beinhaltet die Erweiterung unseres Objekts initialisieren er in der Steuer wie folgt. Also hier wollen wir sagen, Name ist Rollen, Wörter Komma, dann Modell Phantom. Jetzt kann ich das entfernen. Jetzt lasst uns mehr Spaß haben und eine Methode namens get model erstellen. Diese Methode gibt den Wert aus der Modelleigenschaft zurück, um dies zu tun, äh, ein Koma hier, dann der Name Ihrer Methode gefolgt von Cullen. Dann würde die Schlüsselwortfunktion, genau wie Sie, eine normale Funktion erstellen, aber ohne den Namen, weil wir sie bereits hier haben. Wir möchten also, dass unsere get-Modellmethode den Wert von der Modelleigenschaft zurückgibt, also werde ich sagen, Return on, Lassen Sie uns zum Beispiel etwas Text hinzufügen . Modell ist und kann mit diesem Punktmodell koffeiniert werden. Mach dir keine Sorgen um das Wort „Disc E“. Wir werden später darüber reden. Lassen Sie uns nun unsere Get-Model-Methode mit der Dokumentationsrakete früher gehen. Also werde ich anderen Kern sagen, aber jetzt mobil werden. Wenn ich dieses Skript ausführe, bekommen wir Schnauze ist Phantom. Manchmal müssen Sie Objekte erstellen, die im Grunde gleich sind. Also hier haben wir drei Objekte Auto, LKW und Fan. Jedes dieser Objekte hat wahre Eigenschaften. Name und Modell Onda Methode Get model. Beachten Sie, wie die Methode „get mobile“ für jedes von diesen Objekten identisch ist, daher gibt es eine Duplizierung in unserem Code. Um dies zu beheben, verwenden wir das Vererbungsprinzip, das wir zuvor gesehen haben. Wir werden ein übergeordnetes Objekt erstellen, das die Eigenschaften enthält, die allgemeiner sind und nicht auf dem untergeordneten Objekt selbst sein müssen, weil der Name und das Motil eindeutig sind Für jedes Objekt, das wir haben, werden wir sie so lassen, wie sie sind. Aber die get-Modell-Methode auf der anderen Seite kann auf der anderen Seitein scheinbares Objekt gesetzt werden, das der Rest der Objekte von Lassen Sie uns dieses Objektfahrzeug nennen . Also war ich hier auf dem Klauer ein Fahrzeug-Objekt. Jetzt werde ich das in unserem Fahrzeugobjekt kopieren und übergeben. Aber jetzt werde ich all diese Objekte entfernen, in denen wir nicht so oder anders erstellen können. Der Prototyp für diese Objekte wird Objekt sein und wir wollen das nicht. Wir möchten, dass das Fahrzeugobjekt mit der Eigenschaft get model das übergeordnete Objekt ist. Also müssen wir den Prototyp Eigenschaft auf Auto, LKW und Van Objekte Referenzen Fahrzeug machen . Um dies zu tun, werde ich das Objekt verwenden, das es erstellt hat. Diese Methode erstellt ein neues Objekt mit dem angegebenen Prototypobjekt. In unserem Fall ist es Fahrzeug und jetzt können wir unsere Eigenschaften wie zuvor hinzufügen, um die anderen Objekte zu erstellen . Kopieren Sie dies einfach und schnell und nehmen Sie die gewünschten Änderungen vor. Wenn Sie mitverfolgen und verstehen, was los ist, sollten Sie sich einen Klaps auf den Rücken geben. Aber wir sind noch nicht fertig mit Stillman. Müssen Sie sehen, was die Disc e Wort bedeutet. Lassen Sie uns versuchen, die Get-Meet-Modellmethode aufzurufen. Also hier werde ich sagen, Auto, das Modell auf. Ich werde die andere Funktion aufrufen, um das Ergebnis zu sehen. Wenn ich also dieses Skript ausführe, bekomme ich sein Modell Phantom. Nein, wenn ich das mit dem damaligen Objekt tue Also hier werde ich Auto durch dann se auf Drogen das Skript wieder ersetzen . Was ich dieses Modell bekommen werde, ist City Express abhängig davon, welches Objekt Sie es von get Modell genannt haben zurückgegeben wurden Das entsprechende Modell Beachten Sie, dass es keine Modelleigenschaft in unserem Fahrzeug gibt . Objekt Also, wie kommt das get model den richtigen Wert zurück Die Antwort liegt bei Hat dieses Schlüsselwort der Schreibtisch? Sie waren das erste Objekt, von dem unsere get-Modellmethode gut aufgerufen wurde In einem Fall waren es die Auto- und Van-Objekte, die beide die Modelleigenschaft vor enthielten, und in dieser Lektion möchte ich sagen, dass Javascript keine Klasse bietet Implementierung wahrgenommen, was für Entwickler, die es gewohnt sind, mit klassenbasierten Sprachen wie Java oder C plus plus zu arbeiten, ein wenig verwirrend sein kann. Aber es verwendet jedoch den Prototyp alle Vererbung Modell, das wir verkaufen, was in der Tat leistungsfähiger ist als das klassische Modell 17. Sofort aufgelöste Funktionsausdrücke: bisher werden wir in Funktionen ziemlich stark verwendet. Wie Sie mittlerweile wissen. Sie sind äußerst hilfreich und ermöglichen es uns, Code zu schreiben, der immer wieder verwendet werden kann . Wir haben gesehen, wie man die Funktion erstellt und sie mit ihrem Namen aufruft, aber wir können auch eine Funktion erstellen, ohne ihr einen Namen zu geben. Diese Arten von Funktionen werden anonyme Funktionen genannt anonyme Funktion zu erstellen. Entfernen Sie einfach den Namen von hier. Aber jetzt habe ich keine Möglichkeit, diese Funktion aufzurufen, also muss ich ihr eine Variable zuweisen. Ich werde nur den gleichen Namen mit dem Variablennamen verwenden, gefolgt von einer Entschuldigung. Sie können jetzt meine anonyme Funktion aufrufen. Jetzt ist es an der Zeit, eine andere Funktionsvariante zu betrachten, bekannt als sofort aufgerufene Funktionsausdruck oder I P. Kurz gesagt, ich Gebühr ist eine JavaScript-Funktion, die läuft, sobald sie definiert ist. Anstatt Ihnen direkt den Ausdruck zu geben, oft ich fi, es wird Schritt für Schritt erstellt. zunächst Lassen Sie unszunächsteine anonyme Fraktion schaffen, wie wir es als Nächstes lernen. Lassen Sie uns unsere Funktion in Klammern rauben, um Javascript zu sagen, dass es ein Ausdruck ist. Jetzt müssen wir das sofort ausführen, damit ich ein weiteres Paar hinzufügen werde. Parentis ist am Ende, Vater mit einem etwas Nickel. Herzlichen Glückwunsch. Sie haben erfolgreich auf sofort aufgerufenen Funktionsausdruck geschrieben. Es ist ziemlich schwierig, es genau dann, wegen der vielen Klammern, genau wie eine normale Funktion. Wenn er auch Argumente nimmt, ist der einzige Unterschied, wie Sie diese Argumente übergeben. Also hier habe ich ein Beispiel von einer Funktion, die andere die einige echte Variable wir am besten den Wert fünf und sieben für diese Funktion. Fünf auf Miss Crate, das Ergebnis der 12 wie erwartet. Jetzt, da wir gelernt haben, wie man eine schöne Gebühr mit und ohne Argument erstellt, schauen wir uns an, wann wir sie verwenden müssen. Ich fühle mich benutzt leisten, die globale Schule in JavaScript zu verschmutzen. Variablen, die innerhalb der Funktion definiert sind, befinden sich im lokalen Bereich, während Variablen, die außerhalb der Funktion definiert sind, in der globalen Schule liegen. Weil das Messer, er ist eine Funktion in einem wertvollen, in ihm zu deklarieren. Unser lokales zu dieser Funktion. Dies hilft Ihnen, Kollisionen zwischen Ihren Wertsachen und anderen bereits in definierten Variablen mit dem gleichen Namen im globalen Bereich zu vermeiden . Diese Technik ist sehr beliebt bei Entwicklern hieß Will in der Anwendung von jemand anderem verwendet werden . I Gebühren sind auch Gehäuse verwendet. Es gibt etwas, das ich in der Schließungsstunde nicht erwähnt habe. Verschlüsse, speichern Referenzen auf die äußeren Funktionen. Wertsachen. Sie starten nicht die tatsächlichen Werte Fäustlinge und Beispiele. Sie können verstehen, was ich gerade gesagt habe, um Dinge Interesse an seiner Verwendung zu machen, was wir über Arrays und Objekte gelernt haben und ein Array von Objekten namens Hunde erstellen. Jedes Objekt enthält den Namen und die Rasse eines Hundes. Hier habe ich eine Funktion namens Hunde. Diese Funktion nimmt ein Array von dunklen Objekten, und Richard und Ray oder Funktionen, die den Namen bringt und atmen ging kalt. Lassen Sie mich diese Hundefunktion nennen. Erster. Ich werde mich auf den Weltraum mischen. Sie, ich würde sagen, Sotschi ist Andi. Ich werde unser Hundefeld dahin übergeben. Also gibt diese Funktion ein Array zurück oder Funktionen einige, auf denen ich eine variable Gold-Docks-Funktion deklarieren werde. Wir werden dort zurückgegebene Funktion in diesem wertvollen bekommen. Jetzt bekomme ich die erste Funktion mit der Klammernotation wir. Also, bevor ich dies einem wertvollen Andi zuordnen werde, würde ich nennen, dass es in True gebrochen ist. Jetzt, da sie die erste Funktion haben, werde ich sie warnen, bevor ich dieses Skript ausführe. Was erwartest du zu sehen? Weil wir das erste Element aus den Ray-Off-Funktionen erhalten. Es klingt vernünftig zu erwarten. Mein Name ist Pickle und, ähm, verdammt, aber was wir sehen werden, ist völlig anders. Hier haben wir Futter ist Lulu und ich bin ein Portal Das ist das letzte Objekt in unserem Array von Hunden. Also, was ist hier los? Wir schieben Hunde in eine que Und wie Sie wissen, diese Dysfunktion nimmt wertvoll von außen und mit ihr innen. Das nennen wir vor der Schließung. Unsere Funktion ist das Schließen über Hund, was bedeutet, dass wir einen Verweis auf diese Variable haben. Das Problem hier ist, dass wir eine Schleife haben, die den Wert von diesem wertvollen ändert. Zu der Zeit, die unsere Schleife für den Leser und bis zur Fertigstellung hat, werden unsere Schließungen auf das letzte Objekt mit dem Namen Lulu verweisen. Wenn wir die folgende Zeile ausführen, was wir bekommen, ist mein Name ist Lou und total okay. Bisher verstehen wir, warum unser Code nicht richtig funktioniert. Um das zu beheben, werden wir etwas schließen, das sich nicht ändert. Statt etwas zu schließen, das sich ändert. Und unser Freund Ivy wird uns helfen, dies zu erreichen. Ich werde ein paar Änderungen vornehmen. Ich werde all das in ein Messer E legen. Also hier würde ich sagen, Funktion, die er auch für mich hat . Auf dem Bauernhof Natur werden Hunde gehen, um die für Nahrung zu sagen. Und hier werde ich in den wertvollen Namen ändern, mit dem nur, um die Dinge mehr spielen für Sie. Ich brauche eine weitere Geburt ist hier und das war's. Stellen Sie sicher, dass Sie alle Ihre Elternteile und geschweifte Klammern an den richtigen Stellen hier haben. Der Umfang ändert sich immer noch jedes Mal durch die Schleife. Aber die Funktion, die wir hinzufügen, wird sofort ausgeführt. Es läuft innerhalb der Schleife, da die gegenüberliegende Zehe nach dem Droop bereits beendet ist. Jetzt werden wir unseren Code genau so arbeiten, wie wir es erwarten. Also haben wir eine Nachricht, die besagt, dass mein Name ein Fahrzeug ist und ich bin ein Dollar 18. Document (DOM): Wenn Sie eine Webseite in Ihrem Browser öffnen, sehen Sie eine Kombination aus HTML CSS und JavaScript. Zusammenarbeit, um zu erstellen, würde angezeigt werden, um Sinn aus dieser Mischung zu machen, Ihr Browser folgt einer bestimmten hierarchischen Struktur. Die Struktur wird als Dokumentobjekt-Modell für die Dunk auf der linken Seite bekannt ist ein Beispiel aus HTML. Hündin auf der rechten Seite ist, wie der Dump aus diesem Beispiel aussah. Der Mist besteht aus jedem Kanal Elementen, Text-Attributen und vielen anderen Dingen. All diese Dinge werden als Notizen bezeichnet. Jedes HTML-Element ist mit einem untergeordneten Element verknüpft. Zum Beispiel ist ein Death Element auf jedem allgemeinen, das Element alle Stämme erstrecken sich vom Knotenobjekt. dem Dunk können Sie nicht Onley auf jedes Jamel-Element zugreifen, sondern auch diese Elemente ändern, bevor Sie lernen, wie dies zu tun. Lassen Sie mich zunächst auf spezielle Objekte einführen, die das Fensterobjekt das Browserfenster darstellen . Es ist der Weg von Ihrer Hierarchie. Sie können viele Dinge mit Fensterobjekt tun, wie die Größe aus dem Browserfenster bestimmen. Bearbeitung von Frames, die mit dieser Bildlaufleiste gespielt werden, und vieles mehr Dokumentobjekt repräsentieren Ihre Webseite. Es ist der Ausgangspunkt, wenn Sie auf eine beliebige Kante zugreifen möchten. Danielle Element in einer Seite Nein, dass alle Änderungen, die Sie an der Kuppel über JavaScript vornehmen, in dem, was in Ihrem Browser angezeigt wird reflektiert werden. Dies bedeutet, dass Sie alle Arten von Änderungen vornehmen können, wie ein Element hinzufügen, es Stil in Ihrem Inhalt entfernen Würde CSS und vieles mehr? Sie haben also all diese HTML-Elemente in Ihrer Seite hängen und möchten auf diese Elemente zugreifen oder sie ändern. In dieser Lektion werden wir lernen, wie man zwei Methoden verwendet, die quadratische Auswahl und Abfrage-Selektor genannt werden, alle Elemente in der Kuppel zu finden. Die Abfrageselektor-Methode nimmt als Argument eine Zeichenfolge, die einen CSS-Selektor enthält. Queers Eletor gibt das erste Element, das dem angegebenen Selektor entspricht, während Squares Selector alle eine Liste aus dem Element zurückgibt, die dem angegebenen Selektor entsprechen . Werfen wir einen Blick auf den folgenden HTML-Code Hier haben wir zu Tode mit einem I D aus Menü und Inhalt, beziehungsweise, und dann haben wir noch zwei Leben mit einem Klassenwert off item und fügt jede von ihnen enthalten zu Elemente ausgeben. Nun wollen wir sehen, was passiert, wenn Sie den Chor-Selektor und queer Selektor alle Methoden auf diesem HTML-Code verwenden. Also, wenn ich Zehenzugang will, war der Tod Idee ist Menü. Alles, was ich tun muss, ist meine queere Selektor-Methode aufzurufen und das I-D-Menü an sie zu übergeben. Vergessen Sie nicht, das Nummernzeichen zuerst zu setzen, weil es ein I d ist. Andererseits, wenn ich auf das Dave Element zugreifen möchte, das eine Klasse namens item hat, na ja, ich muss meinen queeren Selektor aufrufen und ihm die nicht in -Klasse diesmal mit einem Punkt davor. Wenn ich all diese Plansteuer auswählen möchte, die innerhalb unserer Klasse sind, dieser Artikel auch in unserem Todeselement bestritten. Gewinnen Sie mit einem i d Menü. Alles, was ich tun muss, ist meinen Methodenabfrage-Selektor aufzurufen, weil wir mehrere Elemente und dann den entsprechenden Sears A-Selektor haben . Bisher haben Sie eine allgemeine Vorstellung von dem, was der Hund ist und Sie wissen auch, wie Sie Elemente finden, deren Anfrage Selektor und queer Selektor alles, was Sie sein werden. Der Wind die meiste Zeit modifiziert die Kuppel. Sie sind keine Elemente enthalten Eigenschaften, mit denen Sie Werte abrufen und festlegen können und Methoden aufrufen können, die Funktionalität jedes dumme Elemente eine Ausbreitung über das Nicken Element und HTML-Element basierte Taucher bieten , genau wie wir zuvor mit Vererbung. Werfen wir einen Blick auf den folgenden HTML-Code und versuchen, die Dinge hier herum zu ändern. Sie können einen Absatz sehen, diese Ebene einige Laura MIPs indiziert. Für diejenigen unter euch, die nicht wissen, was Epsom Alarm ist, ist es ein Fülltext, der verwendet wird, um Textelemente zu demonstrieren, bevor der Inhalt selbst produziert wurde . Also werden wir das Gesetz ändern. Übermitteln Sie den gesendeten Text. Zuerst müssen wir einen Referenzzehe bekommen, unseren Absatz mit unserem alten Freund Abfrageselektor. Um dies zu tun, werde ich eine Variable deklarieren, die dann aufgerufen wird, da ihr Wert zum Dokument den Selektornicht abfragt Selektor dann den I-d-Absatz an diese Methode übergeben wird. Als nächstes werden wir eine Eigenschaft kalten Textinhalt verwenden, um die Lauren Ipsum durch einige wirklich aussagekräftige Inhalte zu ersetzen . Also mit unserer Absatzvariablen gehen Bogra Punkttext Inhalt sagen. Dann werde ich den Text so einstellen, dass er aussagekräftige Inhalte schiene. Also, jetzt, wenn wir auf unserem Skript waren, können Sie sehen, dass der Text alle seine Jamil-Elemente geändert hat Attribute haben können. Sie stellen zusätzliche Informationen zu einem Element bereit. Zum Beispiel, das Asche Riff Attribut off auf einem Tank, um den Wert auf eine Tribut zu bekommen, werden wir die Methode verwenden. Hol dir eine Hommage. Also, hier, wenn ich den Ashraf-Attributwert erhalten möchte, muss ich seinen ersten Jahr-Quadrate Wähler machen , um einen Verweis auf die Stunde zu erhalten, ein Tag dann gespeichert diese Referenz toe eine Variable. Ich nannte es Link. Dann erinnere ich mich an meine Get-Attribut-Methode auf diesem wertvollen auf. Ich bin hinter dem Namen des Attributs. Wenn ich das Skript ausführe, sollte ich diesen Wert erhalten. Wenn Sie einen Wert für Ihr Attribut setzen möchten, können Sie das Methodensatzattribut verwenden. Zum Beispiel, wenn ich dies von meiner Website dot com zu einer anderen Website dot com ändern möchte, was ich tun muss, ist meine Link-Variable zu verwenden, die den Verweis auf das acht-Tag Hat die sit Attributmethode verwendet. Ich kann jetzt den Tribut angeben, auf dem ich den Wert ändern möchte, dann den Wert, den neuen Wert, den ich möchte. Also, hier, wenn ich das Skript ausführe, sollte ich eine andere Website dot com 19. Gestalten deiner Website: In der vorherigen Lektion haben wir gelernt, wie man die Dämmerungselemente mit JavaScript ändert, aber HTML-Elemente sind nicht nur X und Attribute. Es gibt auch einen ästhetischen Park für sie. Ich rede von ihrem Arbeitszimmer. Die häufigste, wo verwendet werden, um jedes Terminalelement zu verkaufen, ist, indem Sie ein Stylesheet erstellen und es einfügen und Stilregeln darin einfügen. beispielsweise Diese Stilregel würde sichbeispielsweiseauf ein Element auswirken, das so aussieht. Abgesehen von INL Einstein's gibt es einen anderen Ansatz, den Sie verwenden können, um Dinge zu beginnen. Dieser Ansatz beinhaltet die Verwendung von Dumm und JavaScript. Es ist möglich, JavaScript zu verwenden, um Elemente zu starten, und das ist, was wir lernen werden. Sie könnten fragen, warum sollte ich jemals JavaScript verwenden wollen, um auf Element zu stylen? Das ist eine gute Frage, wenn Sie Stylesheets oder in Zeilen mal den Stil in Texas Effekt verwenden , sobald die noblen wie die Seite geladen ist. Das wäre die meiste Zeit dein Ziel. Aber manchmal möchten Sie einige Änderungen dynamisch vornehmen, z. B. etwas ausblenden, wenn der Benutzer auf eine Schaltfläche klickt. In diesem Fall helfen Ihnen Stilregeln oder in Zeilenzeiten nicht, daher besteht die Lösung darin, JavaScript zu verwenden. Es gibt zwei Möglichkeiten, ein Element mit JavaScript zu stylen. Eine Möglichkeit besteht darin, eine CSS-Eigenschaft direkt auf dem Element festzulegen. Die andere Möglichkeit besteht darin, Klassenwerte aus einem Element hinzuzufügen oder zu entfernen, um bestimmte Nebenregeln anzuwenden oder zu ignorieren Um eine CSS-Eigenschaft direkt auf ein Element festzulegen, können Sie das Stein -Objekt verwenden. In diesem Beispiel habe ich ein Diff-Element mit einem 90 Rabatt von meinem Tod. Ich möchte den Hintergrund von diesem Element zu einer blauen Farbe setzen. Zuallererst habe ich hier meinen Augenbezug auf mein def-Element bekommen. Ich habe keinen quadratischen Selektor verwendet, aber ich habe eine andere Methode namens get element von i. D.verwendet. D. Dies ist eine weitere sehr nützliche Methode, um ein Element auszuwählen, indem ich bemerkt habe, wie ich kein Nummernzeichen gesetzt habe. Ich gebe ihm direkt den Wert aus dem I. D. Als nächstes, mit meinem Dave wertvoll, habe ich das Stilobjekt dann die Hintergrundfarbe Eigenschaft genannt und seinen Wert auf blau gesetzt. Nun, wenn ich um dieses Skript herum, können Sie sehen, dass ich einen Schlag-Hintergrund-Hinweis bekomme, wie ich die Hintergrundfarbe Eigenschaft normalerweise in CNN s geschrieben habe , würden Sie es mit einem Bindestrich zwischen Hintergrund und Farbe schreiben, wenn wir es hier tun, jedoch JavaScript mit Beschwerden. Um also eine CSS-Eigenschaft in JavaScript anzugeben, die einen Bindestrich enthält, entfernen Sie einfach den Bindestrich und Sie den ersten Buchstaben aus dem zweiten Wort groß. Die zweite Möglichkeit, Elemente zu stylen, besteht darin, die Klassenliste zu verwenden. AP auf klassenlos. FBI stellt Methoden und Eigenschaften zur Verfügung, um Klassenwerte von dom-Elementen wie das Hinzufügen oder Entfernen von Klassen zu manipulieren . Lassen Sie uns einige dieser Methoden hier sehen. Ich habe ein diff-Element, das eine Vorstellung von einem Container im Klassenwert aus der Beschreibung hat. Wenn ich den Klassenwert hinzufügen möchte, der zum Beispiel zu den Klassenattributen von unserem Death Element gebracht zum Beispiel wurde. Zuerst werde ich damit beginnen, einen Verweis auf das Dave-Element zu erhalten. Er war in der get Element Warum ich d Methode. Dann benutze ich den schwierigen Trainer und rufe den zugelassenen auf der Klassenliste an und schnell den Namen aus der neuen Klasse, die ich will. Dies sollte also unter den verschiedenen Klassenwerten, die wir haben. Wenn ich dieses Skript ausführe, erhalten wir eine Beschreibung und kaputt, dass, wenn ich einen Klassenwert beziehen möchte. Alles, was ich tun muss , ist das durch die remove-Methode zugelassene ersetzen. Jetzt sollte das auf Lee das Beschreibungsglas aufmerksam machen. Manchmal möchten Sie einen Klassenwert entfernen, wenn er existiert oder das Gegenteil und bei diesem Klassenwert für das Element tun . Wenn es nicht existiert, um dies einfach zu machen, gibt es eine Tuggle-Methode, die vom klassenlosen FBI zur Verfügung gestellt wird. Das letzte, was wir getan haben, ist, den Wert der Produktklasse zu entfernen. Wenn ich wollte, Toe wieder hinzugefügt, Nun, ich muss tun, ist mehr ersetzen. Nichts mit Kampfmethode. Nun, wenn ich mein Skript möchte, wäre der Wert der Produktklasse wieder bei. Wenn ich zurückkomme und diese Linie kopiere und schnell, sollte der Wert der Produktklasse wieder entfernt werden. Also, was wir bekommen sollten, ist auf Lee die Beschreibungsklasse. Ich kann das den ganzen Tag weiter machen, also wenn ich nicht diese Zeile sein kann, versucht ein anderer, es zu kopieren. Der Wert der Schutzklasse sollte zu einem anderen Zeitpunkt hinzugefügt werden. Wenn ich überprüfen möchte, ob ein Klassenwert für ein Element vorhanden ist, kann ich die contains -Methode verwenden. Diese Methode gibt true zurück, wenn der Wert vorhanden ist oder anderweitig faltet. Das Letzte, was wir getan haben, ist im Wert der Produktklasse. Also sollten die angetriebenen Streife wahr zurückgeben. In diesem Fall gehe ich zum, um eine if-Anweisung zu verwenden und zu sehen, ob der Produktklassenwert vorhanden ist. Ich werde die Dschungelmethode durch enthält ersetzen und sagen, wenn dies gleich zwei ist. Stimmt, dann würde ich eine Nachricht nicht verletzen, die besagt, dass das Klassenwert-Produkt existiert. Wie Sie sehen können, ist das die Botschaft, die wir bekommen. 20. Die DOM navigieren: früher verwendeten wir Abfrage, Selektor, Queer Selector alle und get Element. Warum ich Zugriff auf HTML-Elemente habe. Sobald wir dies tun, ist es verantwortlich, sich genauer mit einer Reihe von Methoden und Eigenschaften zu bewegen. Nehmen wir an, zum Beispiel wollen wir auf Elemente Eltern zugreifen. Um dies zu tun, haben wir eine Eigenschaft namens Parent Node. Hier haben wir einen Absatz mit einem i d Absatz. Ich greife auf dieses Element mit der Methode zu, die wir zuvor gesehen haben , der quadratische Selektor ist. Aus irgendeinem Grund. Nehmen wir an, wir müssen auf das Death Element zugreifen, das auch das Elternteil unseres Absatzes ist. Der Weg dazu besteht darin, die übergeordnete Knoteneigenschaft zu verwenden. Ich kann diese Eigenschaft für meine diese Absatzvariable aufrufen. Dann kann ich Zehe wertvoll zuweisen. Und jetzt haben wir ein Händchen, Sexten, unser Todeselement, das das Elternteil unseres Absatzes ist. Wenn Sie auf ein übergeordnetes erstes und letztes Element zugreifen möchten, können Sie erste untergeordnete und letzte untergeordnete Methoden verwenden. In diesem Beispiel das erste untergeordnete Element aus unserem Absatzelement ein Textknoten, der durch einen Text dargestellt wird, und das letzte untergeordnete Element befindet sich auf einem Tag-Element. Wenn Sie die untergeordneten Elemente abrufen möchten, die Elementnotizen und keine Textknoten sind, können Sie Eigenschaften verwenden . untergeordnete Element des ersten Elements und das letzte Element. Eine weitere nützliche Eigenschaft sind untergeordnete Notizen. Diese Eigenschaft gibt ein Array zurück, das eine Liste von Children enthält, oft Element. Wenn Sie auf das nächste Devlin zugreifen oder Ihr sieben oftmals Element kurz zusammenfassen möchten, können Sie die nächsten sieben und vorherigen sieben Eigenschaften verwenden. In diesem Beispiel finden wir das Blutgerichtselement mit seinem I D. Dann greifen wir auf sein nächstes Geschwister zu, das das a-Element ist. Dies ein Element hat ein untergeordnetes Element, und dieses Kind ist ein fester. Wissen Sie, dass sagen und denken. Also hat das die Stöcke gespielt? Ich verwende die Eigenschaft „data“ genannt. Die vorherigen sieben Eigenschaft wird auf die gleiche Weise verwendet. Wenn wir es hier anwenden, werden wir das Absatzelement anstelle des a-Elements erhalten. Wenn Sie den Code mitverfolgen und kopieren, stellen Sie sicher, dass Sie keine Leerzeichen oder Zeilenumbrüche zwischen den Straßenelementen belassen, da in einigen Browserräumen und Zeilenumbrüchen berücksichtigt werden, stellen Sie sicher, dass Textnotizen auch die neueste Version von Google Chrome, so dass Sie das gleiche Ergebnis wie ich 21. Elemente erstellen und einfügen: Ich habe General Element nicht mit dem Kuppeltext in drei Schritten verwaltet. Zuerst erstellen wir das Element, dann weisen wir ihm Attribute zu. Und schließlich haben wir in das Dokument eingefügt, um ein Element zu erstellen, das wir verwendet, um Elementmethode zu erstellen . Dieses Element wird jetzt erstellt, aber nicht in das Dokument eingefügt, so dass es nicht sichtbar ist, aber wir können bereits durch Hinzufügen eines Attributs manipuliert. Wir haben Ho gesehen, um Attribute hinzuzufügen. Er war interessiert Attribute Methode. Aber wir können Attribute auch direkt mit einem D Quit-Eigenschaften definieren. Zum Beispielkann ich ein I d. Attribut direkt definieren, kann ich ein I d. Attribut direkt definieren indem ich den folgenden Link Dodge I d schreibe. Dann gebe ich den Wert, den ich möchte, zum Beispiel meinen Link. Jetzt ist es an der Zeit, das kreative Element einzufügen. Um dies zu tun, verwenden wir die passieren Child-Methode, wie Sie von ihrem Namen erhalten können. Wir müssen wissen, zu welchem Element wir das kreative Element hinzufügen werden. Wir werden unser Element in unserem Absatzelement hinzufügen, also müssen wir dieses Absatzelement zuerst erhalten. Um dies zu tun, werde ich das get-Element nach I d-Methode verwenden. Jetzt kann ich die Waffen-Kind-Methode verwenden, um unser L-Bild hinzuzufügen. Nun, da wir unser Element eingefügt haben, fehlt etwas der Textinhalt. Glücklicherweise haben wir eine erstellte Textknotenmethode, die uns dabei hilft. Ich werde eine Variable namens Link Fixed deklarieren. Es gibt Variable wird den Wert oder den Textinhalt halten, den wir zu unseren Elementen hinzufügen möchten . Es ist ein Dokument, das Decks erstellt. Sagen wir nicht, zum Beispiel, meine Suker-Website. Nein, alles, was wir tun müssen, ist bei Dis Text unser neu eingefügtes Element mit anderen untergeordneten Elementen. Also werde ich den Link wertvoll nennen. Ähm, er war in der Kind-Länge oben, in JavaScript behoben. Wie viele andere Sprachen wird der Inhalt von Variablen nach Wert übergeben. Das bedeutet, wenn ein wertvoller Name, enthält man Onyx und wir haben diesen Wert einem anderen wertvollen zugewiesen. Dieser Wert wird in den neuen kopiert. Wenn wir auch den Wert off name ändern, ändert der Wert off name one das nicht. Ihre Variablen sind unterschiedlich. Zusätzlich zum Übergeben von Wert hat JavaScript eine Vergangenheit als Referenz. Dies ermöglicht es uns, Wertsachen zu haben, die auf den gleichen Wert hinweisen. Ich sage Ihnen all das, weil, wenn wir eine Seite mit dem stummen wir Einkommen manipulieren, um Referenzen viel zu unserem Beispiel zurückzukehren. Ich werde auf das neu eingefügte Element Jahre in der Idee zugreifen, wird es geben, dies zu tun. Ich werde eine Variable deklarieren, die meinen Link mit einem Dokument genannt wird, das Element erhält, warum ich meinen Link mit dieser Idee genau wie meine Seele erhalten werde, bevor ich die Hash-Riff-Eigenschaft verwenden werde, um direkt auf meinen Link zuzugreifen. Dann werde ich diese Website ändern Also eine andere Website, so dass wir nicht für wertvoll halten. Das enthält einen Verweis auf das erzeugte ein Element. Und wir haben auch meine Link-Variable, die auch einen Verweis auf dieses Element enthält. Hier benutze ich es den zweiten wertvollen meinen Link, um auf die H Rafe Eigenschaft zuzugreifen und die u R lzu ändern.Aber l wenn ich hierher komme und den Wert von der jeder ref Eigenschaft mit dem ersten wertvollen Link alarmiere , was ich bekomme, ist nicht die erste u l, aber der neue Euro, die eine andere Website dot com ist. Die wahren Wertsachen weisen auf den gleichen Wert hin. Deshalb können wir, wenn wir einen von ihnen verwenden, um diesen Wert zu ändern, sehen, dass wir die andere wertvolle auch verwenden würden. Was ist, wenn wir ein Element duplizieren wollen? Was sollen wir tun? Nun, Sie müssen es klonen, um ein Element zu klonen, das den Klon verwendet. Keine Methode. Diese Methode dauert eine 1.000.000.000 entweder wahr oder falsch. Wenn Sie den Knoten mit seinen untergeordneten Elementen und schließlich anderen Attributen klonen möchten, verwenden Sie andernfalls true. Verwenden Sie „false“. Beachten Sie, dass das geklonte Element erst eingefügt wird, wenn Sie die untergeordnete Waffenmethode zurückrufen, um ein Element durch ein anderes ersetzt untergeordnetes Verfahren zu ersetzen. Diese Methode benötigt zwei Argumente. Das erste Argument ist das neue Element. Das zweite Argument ist das zu ersetzende Element. Genau wie eine niedrige Note. Diese Methode kann für alle Arten von Notizen, Elementen, Textnotizen usw. verwendet werden. In diesem Beispiel der Textinhalt aus dem Link, der das erste untergeordnete Element des a-Elements ist, hier ersetzt. Da. Vice Kind wird auf dem ein Element ausgeführt, das das Elternteil aus dem Element ist, das wir ersetzen möchten. die Methode, um ein Element zu entfernen Verwenden Siedie Methode, um ein Element zu entfernen. Untergeordnetes Element entfernen Diese Methode nimmt als Argument, dass untergeordnete Elemente, die Sie verschieben möchten. Hier verwenden wir die Pfundnote Eigenschaft mit so vor, um den übergeordneten Knoten zu erhalten, der das Absatzelement ist, dann ein gebrauchtes entfernen Kind, um das A-Element zu entfernen. Nein, das entfernen Kind gibt das gelöschte Element zurück, was bedeutet, dass es völlig möglich ist, ein Element zu entfernen, dann hinzugefügt Wieder einmal, Wie Sie sehen können, ist der Dumm etwas, das wir ändern können nach unseren Bedürfnissen. Es gibt also nichts, das Sie davon abhält, alle Ihre Elemente mit Java-Skript zu erstellen. 22. Veranstaltungen: -Ereignisse sind Aktionen, die auftreten, wenn der Benutzer oder der Browser eine Seite manipuliert. Ein Beispiel für ein Ereignis ist ein Benutzer, der auf eine Schaltfläche ein Fenster oder eine Person einen Schlüssel schließt. Sie können auf Ereignisse reagieren, die Sie wollen. Beispielsweise können Sie in den Jahren, in denen Sie versuchen, das Fenster zu schließen, ein Dialogfeld anzeigen. Vermeiden Sie langweilig Mit allen vorhandenen Ereignissen, Hier ist eine Liste der wichtigsten Ereignisse und Aktionen, die sie auslösen. Keine Sorge, ich werde diese Power-Print-Präsentation mit dem Kurs aufnehmen, so dass Sie diese Liste und alle anderen Folien als auch haben können . Lassen Sie uns lernen, wie man diese Ereignisse tatsächlich verwendet. Wir fangen mit etwas Einfaches an, das die Kuppel nicht beinhaltet. Wir werden später sehen, wie man die Ereignisse mit ihnen verwendet. Hier habe ich ein Span-Element innerhalb von Attributen, die ein Klick genannt werden. Dieses Attribut hat einen JavaScript, der als Wert aufgerufen wird. Dieser JavaScript-Code ist die Alert-Funktion zeigt eine Meldung aus. Hallo, Lassen Sie uns von Descript und sehen, was passiert. Wie Sie erraten können, spielen Sie die Holo-Nachricht. Alles, was wir tun müssen, ist einfach auf den Text klicken, der Quick, me Also, wenn wir dies tun, können Sie sehen, dass eine Nachricht sagen hallo erscheint ein anderes Attribut. Ich möchte Ihnen hier seinen eigenen Fokus zeigen. Ich habe ein Eingabeelement mit einem Wert aus nehmen hier und hier. Ich habe die eigenen Fokusattribute, wenn wir diesem Element den Fokus geben, seinen Wert ändert sich von hier klicken, um die Tabulatortaste zu drücken. Jetzt, wenn der Fokus abgeht, wird der Wert wieder hier klicken. Das Element hat auch auf zu Hause Fokus. Attribut. Dieses Mal, wenn wir dem Element den Fokus geben, ändert es den Wert aus dem Import zu Ihnen Jetzt haben Sie den Fokus auf den Link. Lassen Sie uns dieses Skript ausführen und sehen, was passiert. Es ist sehr mein Import-Element mit einem Wert aus klicken Sie hier, Sie Faktor die Pflege. Sie können sehen, dass sich der Wert geändert hat, um den Truthahn zu drücken. Nun, wenn ich Präsident Schlüssel auf meiner Tastatur sind, geht der Fokus auf den Link und der Wert aus dem Import geändert. Wissen Sie, wie der Fokus auf der Linie Jetzt, da wir gesehen haben, wie man Ereignisse ohne die Dummen zu verwenden, ist es Zeit, die Zeit zu engagieren. Du fragst vielleicht, warum du den Daumen benutzt, wenn wir den Dummen benutzen. Wir können das gleiche Ereignis mehrmals erstellen, und wir können auch das Ereignisobjekt verwenden, das Ihnen viele Informationen über die ausgelösten Ereignisse gibt. Lassen Sie uns Beispiel mit dem Click-Ereignis senden hier haben wir ein Element mit einem i D off Link. Ich beginne mit der Queer Selector-Methode, um einen Verweis auf dieses Element zu erhalten. Dann verwende ich mein Element wertvoll und rufe die Anzeigenereignis-Listener-Methode auf. Die Art Event Listener Methode nimmt drei Argumente, obwohl wir nur hier angegeben. Das erste Argument ist der Ereignisname. Ohne Weiterleitung ist das zweite Argument die auszuführende Funktion. Das dritte Argument, das optional ist, hat mit dem Bubbling und Capturing von Ereignissen zu tun. Wir werden später darüber sprechen. Lass uns diese Frucht laufen und sehen, was passiert. Wie Sie sehen können, wenn ich auf das Element eine Nachricht erscheint zivile, klicken Sie auf den Link. Wie ich bereits sagte, wenn er den Dummen verwendet hat, können wir mehrere Male das gleiche Ereignis für das gleiche Element erstellen, so dass ich Folgendes tun kann . Ich werde das auf Basij kopieren. Dann ändere ich die Warnung auf, und du hast eine zweite Nachricht. Nun, wenn ich das speichern und den Schalter gezeichnet, kann ich sehen, dass, wenn ich hier klicke, Ich bekomme die erste Nachricht, die besagt, dass Sie auf einen Link geklickt haben und ich auch die zweite Frau jetzt mal sehen, wie man ein Ereignis entfernt. Das kann getan werden. Er war in der entfernten Ereignis-Listener-Methode. Um ein Ereignis zu entfernen, müssen Sie dieselben Argumente übergeben, die Sie beim Erstellen dieses Ereignisses verwendet haben. Dies kann ein Problem sein, wenn Sie ein Ereignis mit anonymer Funktion erstellen möchten, da wir keinen Verweis auf diese Funktion haben, der mit dem remove-Ereignis-Listener verwendet werden soll. Wenn ich in dieser Zeile komme und das Skript zeichne, können Sie sehen, dass ich die Nachricht bekomme, wenn ich auf den Link klicke. Allerdings, wenn ich ungewöhnlich dies und wir sind auf dem Skript, obwohl ich auf den Link klicke, passiert nichts. Denken Sie daran, wann wir den Anzeigen-Event-Listener zum ersten Mal gesehen. Ich sagte Ihnen, dass diese Methode zusätzliche Argumente und dass wir die Verwendung des dritten Arguments später sehen werden. Nun, ich bin ein Mann meines Wortes. Das dritte Argument hat mit etwas zu tun, das Abfüllen und Erfassen, Bubbling und Capturing sind zu weit entfernte Schritte für die Ausführung. Oft wird die Ereigniserfassung vor dem Auslösen eines Ereignisses ausgeführt, während Bubbling ausgeführt wird, nachdem ein Ereignis ausgelöst wurde. Beide definierten oft die Ausbreitungsrichtung. Ereignis. Was ist eine Veranstaltung? Vermehrung? Lassen Sie mich ein Beispiel verwenden, um zu erklären. Wenn wir ein Klick-Event zuweisen, unsere Entwicklung und unser P-Element und wir klicken auf die Decks. Etwas Text. Welche Ereignisse werden zunächst schwierig sein? Gute Frage. Nein, die Antwort liegt mit Capturing und Bubbling. Wenn Sie sich entscheiden, Capturing zu verwenden, dann wird das Dave-Ereignis zuerst ausgelöst. Dann kommt das Gebührenereignis nach. Auf der anderen Seite, wenn Sie Jahre sprudeln, wird das Tagesereignis zuerst ausgelöst werden. Dann kommt der DIV nach ihm. Beachten Sie, dass die Standardfläche die sprudelnde Fläche ist. Lassen Sie uns ein Beispiel sehen, um zu veranschaulichen, was ich hier gesagt habe ich zu den Elementen. Das erste Schrittelement hat eine Idee aus. Erfassen Sie eins innerhalb dieses Elements, das ich ein Absatzelement aus habe, würde ich das zweite Element erfassen , hat ein I D aus, aber eins und innen von diesem Dave-Element, ich habe einen Absatz mit einem i d off zu dem ersten, was ich tue, ist die Verweise auf meine -Elemente. Beachten Sie, wie ich bei Lee eines unserer Schlüsselwörter verwendet habe, um vier Variablen zu definieren. Alles, was ich tun muss, ist Fußkoma nach jeder Variablen und ein Semikolon am Ende. Als nächstes habe ich meine Ereignisse erstellt, und dieses Mal habe ich das dritte Argument angegeben, das entweder wahr oder falsch annimmt. Wenn Sie true als Argument angeben, bedeutet dies, dass Sie den Capture verwenden. Wenn Sie die Erfassung verwenden, dann wird das Death Element zuerst ausgelöst. Dann kommt das Ereignis danach. Lassen Sie uns also unser Skript ausführen und sehen, was passiert. Wenn ich auf Captain Face klicke, wird eine Nachricht angezeigt, sagen wir. Und wenn das Ereignis gerade ist, dann das P Event District. Wenn Sie angeben, Narren uns, das Argument. Dies bedeutet, dass Sie sprudeln werden Wenn Sie Bubbling verwenden, wird das B-Ereignis zuerst ausgelöst dann das div durchgeführt. Man kommt danach, Also, Also, wie Sie sehen können, wenn ich auf sprudelnde Gesicht klicke, wird das Ereignis zuerst ausgelöst. Dann ist das Diff-Ereignis Jaker Second 23. Das Event: zuvor sahen wir, wie unter Bewegung Ereignisse zu erstellen. Lassen Sie uns fortfahren und sehen Sie das Ereignisobjekt. zuallererst Was macht dieses Objektzuallererst? Nun, das Ereignisobjekt gibt Ihnen Informationen über das derzeit ausgelöste Ereignis. Zum Beispiel können Sie wissen, welches Element dieses Ereignis ausgelöst hat. Die Koordinaten des Cursors, welche Tasten Ihre Person sind, aktuelle Sache und vieles mehr. Auf dieses Objekt kann zugegriffen werden. Onley fn Event hat eine geheilt. Der Zugriff kann nur über eine Funktion erfolgen, die vom Ereignis ausgeführt wurde. Sagen wir hier ein Beispiel. Das Ereignisobjekt wird durch einen Verweis auf das Argument functions verzerrt. Ich habe das Argument E genannt, aber Sie können jeden Namen wählen, den Sie wollen. Alert hier wird der Typ aus dem Ereignis, das in diesem Fall ist eine schnelle sehen wir die type-Eigenschaft, die uns sagt, welcher Ereignistyp ausgelöst wurde. Jetzt ist es an der Zeit, andere Eigenschaften und Methoden des Ereignisobjekts zu sehen. Eine der wichtigsten Eigenschaft außerhalb unseres Eventobjekts ist Ziel. Diese Eigenschaft gibt auf das Element, dessen Ereignis ausgelöst wurde referenziert. Zum Beispiel kann ich das Inhaltselement oft ändern, auf das geklickt wurde. Nein, es ist ein anderes Szenario, wenn Sie einige Ereignisse wie die meisten über Klick usw. anwenden. Scheinbare Anmerkung. Diese Ereignisse können sich auch unter den Kindern verbreiten. Notizen. Es ist ein Beispiel, um zu verstehen, was ich gerade hier sage. Ich habe eine Entwicklung, als ich mit einem 80er Elternteil gemacht habe. Diese Entwicklung hat zwei Kinder Kind Nummer eins auf Kind Nummer zwei. Ich habe eine Maus über Ereignis auf dieses übergeordnete Element angewendet. Wenn dieses Most over Ereignis ausgelöst wird, ändert sich der Textinhalt von unserem Absatz auf dem Display das i D aus dem auslösenden Element. Es wird das Skript ausgeführt und sehen, was passiert, wie Sie sehen können, wenn ich mein Moos über das Pfundelement und die Nachricht setze Also Sie und das auslösende Element hat ein I. D aus Elternteil wird angezeigt, wenn ich eins ändern möchte. Die Idee änderte ihr Kind. Eins. Dasselbe passierte, als ich zu Glockennummer zwei übergehe. Das I D wechselte zu Kanal zwei, aber was ist, wenn wir das Element bekommen wollen, in dem wir das Ereignis anwenden? In diesem Fall ist es das übergeordnete Element. Alles, was wir tun müssen, ist die Zieleigenschaft durch aktuelle John get Eigenschaft nach dem Ändern dieser Zeile ersetzt , die I t. Wird immer ein Elternteil sein, auch wenn ich meine Maus über die Kinder lege. Eine weitere sehr wichtige Information, die das Ereignisobjekt bietet, ist die Cursorposition. Dies ist weit verbreitet, vor allem in Drag & Drop Skript. Im Allgemeinen erhalten wir die Cursorposition im Zusammenhang mit der linken Ecke des Apfels von der Weltseite, um die Position von unserem Cursor zu bekommen Eigenschaften existieren Client-Eier für die horizontale Co-Ordinate und Client. Warum für die vertikale Co-Ordinate? Da sich die flüchtige Besuchsposition jedes Mal ändert, am meisten bewegt, das Mausbewegungsereignis für die am besten geeignete in den meisten Fällen zu verwenden, um zu wissen , welche Tasten gedrückt werden. Wir haben drei verschiedene Eigenschaften. Das mag zwar zu viel erscheinen, aber nicht 40. Es ist sehr einfach. Wir hatten das Keyup-Ereignis, das ausgelöst wird, wenn der Benutzer eine Taste auf der Tastatur loslässt. Das K don't -Ereignis, das ausgelöst wird, wenn der Benutzer eine Taste drückt. Das dritte Ereignis entfliehen Chris. Dieses Ereignis ist weit, wenn ein Schlüssel, der einen Charakter erzeugt s Brust nach unten bewertet. Der eigentliche Vorteil von Cape Press ist, dass es K-Kombinationen erkennen kann. Also, wenn ich Shift drücke und ein Kaper-Ereignis wird ein großes A erkennen, wo skaliert werden und K nach unten . Verteidigung wird zweimal abgefeuert, wenn ich Shift und eine einmal für die Shefki in der 2. 1 Für die A-Taste, um die Tastatur-Taste zu erhalten, die gedrückt wurde, gewinnen Sie ein Tastenereignis. Tritt auf. Verwenden Sie die key-Eigenschaft. Diese Eigenschaft gibt eine Zeichenfolge, die nicht danken, Board Buttons, Bezirk congee, ein einzelnes Zeichen wie F oder T oder vier oder mehrere Zeichen wie Enter oder Feststelltaste. Viele HTML-Elemente zeigen ein Standardverhalten, wenn Sie mit ihnen interagieren. zum Beispiel Wenn Siezum Beispielauf einen Link klicken, werden Sie auf unsere Webseite weitergeleitet. Es ist möglich, dieses Standardverhalten zu blockieren, indem Sie eine Methode namens Prevent Default verwenden. Lassen Sie uns das Skript ausführen und sehen, was hier passiert. Ich habe meine Verbindung. Wenn ich auf diesen Link klicke, ist nichts passiert. Unsere Prevent Default Methode funktioniert wie ein Charme 24. Formulare: Arbeiten mit Formularen ist etwas, in dem Sie viel tun werden. JavaScript-Formulare sind einfach zu verwenden, Sie müssen jedoch einige Eigenschaften unter rebelliert erhalten. Zuerst können wir Eigenschaften von Formularelementen direkt zugreifen, indem sie ihre Namen wie Wert deaktiviert, überprüft usw. verwenden. Sehen wir uns hier ein Beispiel an. Ich habe ein wichtiges Element. Oft d. als nächstes. Der Wert von diesem Element ist, dass ich Ihren Fokus brauche, bitte. Ich beginne damit, einen Verweis auf mein Element zu erhalten. Er sollte das Element meiner I-D-Methode nicht bekommen. Dann hatte ich zwei Ereignisse zu diesem Eingabeelement. Die erste Veranstaltung ist die Fokusveranstaltung. Wenn das Eingabeelement den Fokus erhält, hat sich auch sein Wert geändert. Großartiger A. Haben Sie Ihren Fokus. Wenn der Fokus von seinem Wert abgeht. Komm zurück, ich brauche deinen Fokus, bitte. Lassen Sie uns das Skript finden und sehen, was passiert. Jetzt muss sich unser Importintim nicht konzentrieren. Wenn ich darauf klicke, erhält das Element den Fokus und es ist, dass Sie sich zu groß geändert haben. Ich habe Ihren Fokus, wenn der Fokus vom Werteverhalten auf das alte geht, was heißt, ich brauche Ihren Fokus, bitte. Wenn Sie in den Eigenschaften deaktiviert überprüfen und nur in HTML lesen, würden wir so etwas schreiben . Hier habe ich ein Kontrollkästchen, um es auszuwählen. Verwenden Sie die aktivierte Eigenschaft. Sie können sehen, dass es nicht tut. Diese Eigenschaft nimmt uns trinken als Wert. Aber in JavaScript begannen diese Eigenschaften tatsächlich Milliarden. Also, wenn ich diese Scheckbücher auswählen möchte, würden Sie so etwas beim ersten Start schreiben, indem Sie eine Referenz erhalten, um Ihr Element zu tun , wie wir es immer tun. Dann geben Sie die aktivierte Eigenschaft an und geben entweder true oder false Dropdown-Listen haben ihre eigenen Eigenschaften. Wir werden auf Lee lernen, welche sind die wichtigsten einen ausgewählten Index, der den Index der ausgewählten Option und Optionen zurückgibt, die eine Liste von allen Optionen Element in unserer Dropdown-Liste zurückgibt . Wie üblich, lassen Sie uns ein Beispiel hier sagen, ich habe eine Dropdown-Liste mit verschiedenen Optionen. Ich beginne damit, einen Verweis auf diese Liste mit seinem I D zu erhalten. Dann füge ich dieser Liste ein Änderungsereignis hinzu. Dieses Änderungsereignis wird ausgelöst, wenn ich eine andere Option wähle. Was ich tun möchte, ist der Kontinent neben dem ausgewählten Optionselement angezeigt, also habe ich Optionen und ausgewählten Index zusammen verwendet, um die Option zu erhalten, die ich ausgewählt habe , und dann mit der Text-Countin-Eigenschaft kann ich den Inhalt dieses ausgewählten -Option. Lassen Sie uns das Skript finden und sehen, was passiert. Wie Sie sehen können, wenn ich die Option lässig auswähle, wird es angezeigt. Wenn ich eine andere Option wähle, wird sie auch angezeigt. Formulare haben keine Onley-Eigenschaften. Es gibt einige wirklich hilfreiche Methoden. Es stimmt, eine Form hat zwei interessante Methoden. 1. 1 ist einreichen, die es Ihnen ermöglicht, das Formular ohne das Eingreifen des Benutzers zu senden. Die 2. 1 wird zurückgesetzt, wer die Formularfelder zurücksetzt. Wenn Sie Erfahrung mit HTML-Formularen haben, wissen Sie wahrscheinlich, dass diese beiden Methoden die gleiche Regel haben wie Senden und Zurücksetzen in den Importelementen. 25. Entwickler-Tools: im Gegensatz zu dem, was man denken könnte, Browser nicht nur mit Seiten anzeigen. Sie bieten auch einen Satz mit dem Fehler in Tools für Entwickler auf ihre Webanwendung zugreifen . Diese Tools werden als Entwickler-Tools oder Tod-Tools für kurz bekannt. In dieser Lektion werden wir einen Blick auf die Distanz werfen und lernen, wie man mit Overcoat herumhauen kann. Ich werde Google Chrome für meine Beispiele verwenden. Ich arbeite in ihnen, um das Gleiche zu tun, damit du mit mir folgen kannst. Andere Browses bieten auch ähnliche Funktionalitäten wie das, was ich Ihnen zeigen werde, aber die Treppe, um dorthin zu gelangen, wird anders sein. Um die Mautgebühren zu eröffnen, haben Sie drei Möglichkeiten. Der erste Weg ist, zum Krümel-Hauptmenü zu gehen. Wählen Sie Sterbliche aus und klicken Sie auf Entwickler-Tools. Second Way ist nach rechts, klicken Sie und wählen Sie Inspect. Der dritte Weg ist die depressive Kontrolle. Verschieben Sie unsere oder Befehls-Option. I Wenn Ihr eigener Mac, was Sie sehen werden, ist ein Troll Bar mit einem Bündel von Vitamin es. Jeder Artikel führt buchstäblich einen bestimmten Test durch. Das Bedienfeld „Elemente“ gibt Ihnen eine Ansicht von Ihrem Dummkopf und ermöglicht es Ihnen, die heruntergekommenen Elemente zu überprüfen und auch zu bearbeiten. Sie werden dieses Panel oft besuchen, wenn Sie den HTML-Code für einen Teil Ihrer Seite identifizieren möchten , z. B. sehen, ob ein Element eine Idee, eine Hommage hat und welcher Wert ihm zugewiesen wird. Eine weitere leistungsstarke und sehr genutzte Funktionalität ist der Council Council bietet viele Funktionen für Entwickler, um ihre Web-Anwendung zu testen. Wie Logan, diagnostische Informationen während des Entwicklungsprozesses und die Interaktion mit dem Dokument und Reptilien, die in einer Schale sind, veranlassen den Rat. Das FBI bietet allein eine sehr mächtige Methode. Sie haben bemerkt, dass Information Rat genannt hat, die sich mit Rat dieses Gesetz einloggen. Ich sehe den Wert aus, mein Ergebnis wertvoll. Wenn ich zurück in den Rat unter der ersten Stufe, können Sie sehen, dass ich Wert für die Verwendung der Ratgeber, um den Fehler ist viel überlegen als Ihre und andere Sanktion. Wenn Sie den Rat verwenden, können Sie überprüfen, ob Ihr Code funktioniert, ohne diese störenden und unterbrechenden Dialogboxen . Der Rat, dass Log-Methode ist auch sehr praktisch. Ich habe versucht, den Inhalt zu visualisieren, oft Objekt, wenn ich die andere Funktion verwende. Alles, was ich bekomme, ist eine Nachrichtendisziplin , Objekt, das nicht viel sagt, aber mit dem Rat, der protokolliert, können wir den Inhalt von unserem Objekt anzeigen, wie Sie hier sehen können. Wenn Entwickler eine große, komplexe JavaScript-Anwendung erstellen möchten , benötigen sie eine effiziente und schnelle Möglichkeit, die Ursache eines Fehlers zu entdecken und zu beheben. Das ist, wo der Tod mit seinen Menü-Tools lättert. Kommt zur Rettung und machen den Fehler in einer Menge. Verwenden Sie es viel einfacher in Ihren Entwickler-Tools. Klicken Sie auf die Oberfläche endgültig. Stellen Sie sicher, dass Sie die entfernte jede Daniel-Datei auf der linken Seite oder was auch immer Sie gerade arbeiten. Dadurch wird der Inhalt dieser Datei auf der rechten Seite angezeigt. Nehmen wir an, wir wollen sehen, ob unsere Multiplikationsfunktion den richtigen Wert zurückgibt . Um dies zu tun, werde ich den Browser so drehen, dass er bei der return-Anweisung stoppt, um zu sehen, was der Wert aus warum ist Der Weg, das zu tun, ist, indem Sie einen Breakpoint setzen, um einen Breakpoint auf der linken Seite klicken . Sobald Sie das tun, können Sie sehen, wie die Zahl hervorgehoben wird. Jetzt müssen wir die Seite aktualisieren, so dass der Browser den Breakpoint in dem Moment, in dem die Zahlung der Seite auferlegt wird, trifft . Wenn ich über das Wertvolle, können Sie sehen, dass es Wert ist. Sollen wir wissen, dass Sie einen Bach entfernen ging, indem Sie auf die Zeilennummer klicken. Wenn ich die Ausführung von meiner Kälte fortsetzen möchte, muss ich nur auf Play klicken. Wenn es einige andere Bruchpunkte im Code gibt, werden sie auch getroffen. 26. Vielen Dank fürs Beobachten: Herzlichen Glückwunsch. Sie erreichen das Ende dieses Kurses. Gönnen Sie sich einen Applaus. Du hast es definitiv verdient. Vielen Dank, dass Sie JavaScript mit mir gelernt haben. Sie hatten so viel Spaß während dieses Kurses. Und ich hoffe, Sie haben es auch getan . Nach dem Anschluss zusammen mit diesem Kurs sollte nun die wesentlichen Hintern von JavaScript verstehen . Wenn Sie Ihre JavaScript-Fähigkeiten auf die nächste Stufe bringen möchten, dann müssen Sie weiter üben. Weißt du, was sie sagen? Das Üben macht perfekt. Also schreiben Sie weiter, zitieren Sie, erstellen Sie Ihre eigenen Anwendungen und trat der breiten Community von JavaScript-Entwicklern bei.