Transkripte
1. Kurseinführung: dies würde noch ein weiterer Bonus Natur. Ich fühle mich heute nur großzügig. Ich weiß nicht warum, aber jetzt werden wir in dieser Bonus-Natur über Polly Force reden. Und bitte fühle dich nicht andere süchtig. Es wird hart werden. Und es gibt einen Grund dafür, dass das Poly hier und nicht später eingesetzt wird. Ich möchte, dass du ein Gefühl für die Schauspielschule hast. Wenn wir also zu den komplizierteren Sektionen kommen, werden
Sie so sein,
wie , ich erinnere mich,dass wir das in der politischen Sektion getan haben. Lehnen Sie sich zurück und genießen Sie das später, es wird gezwungen sein. Aber was ist ein reichlich, nehmen Sie einfach einen Stock zurück. Denken Sie daran, dass jeder Browser-Anbieter Verbrechen ausländischen Ausgang, Brexit thes Luft nur cos. Und all diese Unternehmen versuchen, miteinander zu konkurrieren und Marktanteile zu gewinnen. Aus diesem benutzten sie die eigenen Regeln. Nicht alle Browser folgen einem Satz von Standards, weil Studentenfirmen denken, dass sie es besser
wissen. Wenn neue Funktionen herauskommen und John ein Skript in einem HTML fünf codieren, es nicht immer von einem bestimmten Browser unterstützt. Also, was bedeutet das? Heißt das, dass wir in Schwierigkeiten sind? Wir werden uns in der Realität stellen, dass Sie nicht den ganzen modernen Code in einem Browser verwenden können. Sie haben eine von zwei Möglichkeiten. Eine verwendete nur Sprachfunktionen, die in ihrem Browser verfügbar sind. Es ist keine richtige Lösung, oder? Nein, Diese zweite Lösung ist richtig, unser moderner Code. Aber dann haben wir es geschafft, in älteren Brasiliens zu arbeiten. Ok, cool. Es klingt nach einer großartigen Lösung. Aber wie machen wir das? Nun, das ist der Sinn dieser ganzen Stationen. Lehnen Sie sich einfach zurück, holen Sie sich einen Kaffee. Ich habe einen hier und lerne nur etwas über Partikel. Genieße es, aber Quickie. Was ist reichlich? Nun, schauen wir uns einfach die Wörterbuch-Definition an. Eine Partei voll ist der Plug in und bietet die Funktionalität von neuen Browsern, aber zu älteren Versionen. Und das ist es, was du irgendwie kannst. Ihre Richtlinie für war eine Art Patch, bei dem Sie nur Code neuen Code nehmen und ihn patchen, damit
es in einem älteren Bruder funktionieren kann, und das ist alles, was es dazu gibt. Lassen Sie sich nicht einschüchtern. Und wenn du sehr hinterhältig
bist, denkst du vielleicht angewendet. Ist das nicht dem Transpirieren sehr ähnlich? Trance Pilot nimmt Ihre Syntax und konvertiert in Maschinencode. Jetzt kann Trance Pilot weiter umgesetzt werden, kann neuen modernen Code wie das Konzept nehmen, Sie würden Verluste mögen, und es kann Code in Dinge transpondern, die ältere Browser meinen Fall wie
Funktionen verstehen können . Aber leider, Trans-Piloten können uns nur so nehmen, bevor sie Stapel alles übertragen können. Zum Beispiel können
sie keine Trance Stapel Member-Funktionen auf Arrays und ihre Verträge stapeln Dinge wie Versprechungen und ist die ganze Geburt oder von anderen Dingen. Sie können keine Drohnen und diese Situationen ausfüllen. Wir brauchen eine Fülle. Woher wissen wir also, ob wir eine Party voll oder einen Trance Pilot benutzen sollten? Nun, er ist sehr breit auf eine Art hochrangiger Regeln. Einer, wenn sein neuer Syntex in dir könnte wahrscheinlich einen Transponder verwenden. Aber wenn es eine neue Methode oder ein neues Objekt ist, sollten
wir wahrscheinlich mit einem reichlich wer, genug wandern Schnappen Sie sich einen Kaffee und ich werde Sie in den Ledgers sehen. Lasst uns etwas über Polly Force erfahren
2. Was ist ein Browser: Ich schätze, es gibt keinen besseren Ort, um zu starten als mit dem Browser. Und wie Sie sicher wissen, ein Prowse nur das Programm, das verwendet wird, um Dateien anzuzeigen und nie die Peitsche zu bekommen. Wir wissen, dass ich Chrome die ganze Zeit auf meinem iPhone verwendet habe. Ich benutze Safari. Dies sind Browser, und die Browser Hauptfunktionalität ist es, eine Ressource zu präsentieren, die wir wählen. Und es tut dies, indem er ein vom Server anfordert und es im Browserfenster anzeigt. Und wenn, warum, ich? Dieser Prozess muss super duper schnell durchgeführt werden. Denn, ja, Sie und ich sind sehr ungeduldig, wenn es um Google geht, wenn es um die Abstimmung Weg Seiten im Web und die Hälfte fördert schnell. Wollten wir später darauf hineinkommen? Aber für jetzt, nur wissen, dass Google-Forscher haben vorgeschlagen, dass Seitenladezeiten von weniger als 100 Millisekunden. Nicht, dass wir das erreichen können. Ich sage nur, wenn wir können, das gibt uns die Illusion von sofortigen Website-Antworten, weil unser visuelles sensorisches Gedächtnis in unserem Gehirn funktioniert in Bursts off 100 Millisekunden. Wie auch immer, das ist nur ein bisschen, warum ich So wissen wir, dass Brasiliens Hauptfunktionalität ist, eine
Ressource, die wir uns wählen präsentieren . Aber über welche Ressourcen rede ich? Warm von der offensichtlichsten ist HTML. Jede Website, die Sie laden, muss mit so weit beginnen, aber sie auch andere Ressourcen. Wir möchten vielleicht wie Bilder laden. PDFs XML, Jason greift JavaScript und so weiter und so weiter. Aber das ist alles gut und gut. Wir wissen also, dass wir eine Ressource bekommen müssen. Die nächste Frage ist, nun, Leser, der Browser finden diese Ressource, die wir nicht gehen. Und die Antwort darauf ist, dass der Standort der Ressource, die von der U.
R I die uniformierte Ressource angegeben ist, OK, bereits. Sie wollen nur ein Beispiel sehen. Nun, lass uns einfach eine fiktive Website ausdenken,
meine Site Dot com,
und sobald du das eintrittst meine Site Dot com, , bist
du alles, was du auf dem Bildschirm in deine Kleiderlinie siehst. Der Browser wird dies in drei verschiedene Teile aufteilen. Kannst du erraten, welche Teile sie sind? Nun, man kann sogar intuitiv fallen. Was wäre die 1. 1 wäre, wird http sein. Und das ist das Protokoll. Dies ist die Reihe von Regeln, die regeln, wie Browser sprechen Service, wir werden in die bald bekommen, so dass der erste Aspekt der bricht es nach unten in. Zweitens bricht
es Ihren Dienstnamen auf. Dies ist die Website, die Sie besuchen wollen, und damit Ihr Browser tatsächlich eine Verbindung zu den Peitschen über in diesem Fall meine Website dot com. Um die angeforderten Informationen abzurufen, muss
es mit dem Nameserver kommunizieren, der den Servernamen in eine I.
P-Adresse übersetzt . Eine I-P-Adresse ist buchstäblich, dass es eine Adresse ist. Es ist ein Ort, an dem Ihr Browser gehen und lehren kann. Diese Datei von Ihrem Webbrowser ist dann in der Lage, eine Verbindung mit dem Webserver unter der aufgelösten
I-P-Adresse herzustellen, normalerweise auf Port 80. Das ist also ein zweiter Punkt. Wir haben ein Protokoll, haben den Servernamen und schließlich haben
wir die eigentliche Ressource, die wir sammeln wollen. Wenn Sie also durchsuchen mit dem Webserver über das HTTP-Protokoll in diesem Beispiel verbunden ist, liest
der Browser dann die Hypertext-Markup-Sprache, die html weit indiziert ist, und dies ist die verändernde Sprache, die für große Dokumente im World Wide Web verwendet wird. Und dann, natürlich, was passiert als nächstes? Die Töchter werden Ihnen auf dem Bildschirm angezeigt, so dass sie eine sehr,
sehr hohe Ansicht aus dem Prozess haben , den Ihr Bruder durchläuft, um eine Datei auf
Ihrer Webseite zu liefern .
3. Mache a einem Satz von Standards: gesehen, dass durchsucht Hauptfunktion ist es, Ergebnisse zu uns zu präsentieren und in vielen Fällen, dass Diesel beginnt mit. Aber jetzt können Sie sich fragen, wie browses richtig ist dieser Jemand, der darüber wacht ist
Dies sind Regeln und Standards, die, und das ist eine gute Frage. Und die Antwort. Schulden ja, ist ein Konsortium, eine große Organisation namens W, und es steht nur für World Wide Web Consortium. Und das ist nur eine Organisation definiert Spezifikationen, wie Browses funktionieren. Theoretisch klingt
jeder Satz von Regeln großartig, aber in der Praxis leben wir in einer kapitalistischen Mauer, und was das bedeutet, ist, dass jedes Unternehmen die anderen so historischen Browser besser machen will, und es ist nur wählen und wählen, was Regeln, die sie befolgen möchten. Und das ist Sie vermutet, dass es ernsthafte Kompatibilitätsprobleme genannt wird, wenn es darum geht, einige Browser zu codieren, außer und dies verursachte Probleme für Web-Autoren und übrigens ist
beides. Alles, was ich meine, ist jemand, der Inhalte auf der Webseite anlegt, so
dass Sie eine Menge älteren Code sehen , den wir Code für verschiedene Browser neu definieren müssen. Nun, die gute Nachricht sagte, das ist irgendwie wegfallen. Jetzt beginnen viele Browses zu komportieren. Ich werde Ihnen Beispiele zeigen, dann suchen. Aber was interessant ist, ist, dass diese Spezifikationen durch die W drei c definiert sie nicht definieren Sie sind sie definieren keine Benutzeroberfläche. Aber im Laufe der Jahre, durch viel Versuch und Irrtum aus der EU, habe ich Elemente angefangen, einander zu entsprechen. Alle diese Browser haben begonnen zu imitieren. Sie haben gelernt, dass mit sprechen bestimmte elementare Woche Seite an bestimmten Orten zu sein. Und mit dem gleichen, lassen Sie mich Ihnen nur ein sehr schnelles Beispiel zeigen. Durch den Vergleich zu browses Nun, lassen Sie uns mit den beliebtesten surfen an der Wand beginnen und sie beschrieben Sie können einen
greaseball sehen . Wir haben einen erfrischenden Ball bekam vorwärts und zurück Knöpfe. Wir haben zwei. Nun, sie kamen in deinen Artikel. Das ist ziemlich Standard. Nun, wenn wir das mit Mazzella vergleichen, so dass bei der Aktualisierung für den Zurück-Button das
auch möglich ist . Und der Punkt, den ich mit all dem zu machen versuche, ist, dass Sie stoßen werden, wenn Sie in Ihrer Karriere
programmieren. Sie werden auf eine Menge alten Code stoßen, der Kompatibilitätsprobleme mit verschiedenen
Browsern hat . Und aus diesem Grund werden Sie Codes sehen, aber bis zu verschiedenen Versionen Brüder gerecht zu werden. Aber die gute Nachricht ist, dass das aus Gründen, die wir gerade besprochen haben, zu fallen beginnt. Also, ohne weiteres, lasst uns in ein paar Fleischsachen kommen.
4. Was ist ein Polyfill: betrachten dies als Bonus Natur, weil wir gehen, um auf ein wenig Aufmerksamkeit zu gehen. Aber ich denke, es ist sehr wichtig zu verstehen, dass es ein sehr gutes Beispiel dafür ist, worüber wir
gesprochen haben . nehmen also einen Stock zurück, das haben
wir schon seit vielen Jahren gesehen. Verschiedene Browser haben nur einen kleinen Teil von den östlichen Spezifikationen gefolgt, die von den W
drei C festgelegt wurden . Und das bedeutet, dass Browsen unterschiedliche Regeln hatten und einige Browser bestimmten HTML- und
CSS-Code folgten und andere nicht. Das ist das erste Problem. Das zweite Problem ist, dass
wir auch andere Standards haben, wie das Sigma-Skriptskript. Und natürlich ist
das Problem wieder zweifach. Ein bestimmter Browser folgt nicht allen Empfehlungen von Sigma Scripts und Two Sigma Script wird aktualisiert. Gleiche mit den W drei C Spezifikationen. So werden im Laufe der Zeit neue Funktionen und neue Methoden erstellt. Also, was bedeutet das? Nun, das bedeutet, dass ältere Browser den Code nicht verstehen. Die neuen Regeln machen Sinn, richtig, und das ist, warum wir erwähnt Partei fällt in der vorherigen Vorlesung. Also, was ist ein Poly-Fall? Nun, in seinem Kern ist
es sehr einfach. Upali fällt nur ein Stück Code, der einen Fallback bietet, wenn bestimmte Funktionen nicht
innerhalb dieser Browser-Engine in Java Script Land vorhanden sind . Dies wird eine Net Browsers JavaScript-Engine sein, aber es muss nicht John Streets sein, und das ist wichtig. Viele Leute denken an Polly Falls nur für JavaScript, aber Sie erhalten auch Polly Falls für HTML- und CSS-Code
, der auch in winzige, aber später mehr geraten wird. Aber wir werden uns auf das stärkste Stück konzentrieren, denn das ist interessant, und das ist, was komplizierter ist, wenn es um Dave geht. Jetzt folgen Polly Falls normalerweise einem Muster, und das Muster beginnt mit einer einfachen Frage. Besteht die Zukunft innerhalb des Browsers? Und wenn die Antwort ja ist,
na ja , dann brauchen wir keinen pol Wenn alles, was wir nur auf die Browser-Engine zurückgreifen können, um Schulden zu behandeln, bestimmte HTML CSS JavaScript. Das wird von natürlich interessanter, wenn das Feature nicht innerhalb des Bruders existiert, und hier müssen wir einen Poly-Fall verwenden, der die sich ständig entwickelnden HTML fünf
in CSS drei Unterstützung in heutigen Webbrowsern verfolgt , kann eine überwältigende Aufgabe sein, und es könnte ziemlich entmutigend sein. Sicher, wir können alle einige CSS-Animationen verwenden, um zu erstellen. Einige schlugen den Fix. Aber sollten wir? Und welche Browser unterstützen diese bestimmte Funktion? Und was machen wir mit all den Browsern, die diesen Code nicht verstehen? Und, natürlich, das sind wir, Polly Falls kommen ins Bild und die Website, dann ist dies nur einer von vielen html fünf, bitte. Es ist nützlich, um Polly Falls zu finden, die einen bestimmten Job machen. Html fünf, bitte. Es gab eine ganze Liste von HTML fünf Elemente und sehen ist seine drei Regeln mit einem Überblick über Browser-Unterstützung in jedem Polly Falls für die Entfernung jedes Elements. Bevor wir weitermachen, möchte
ich nur sagen, dass wir Babel als Beispiel für einen Poly-Sturz erwähnt haben. Jetzt war Babel Mawr auf Java-Skript ausgerichtet, um Sie daran zu erinnern. Mein Skript Version sechs war ein umfangreiches Update von JavaScript. Sie brachten neue Funktionen und viele syntaktische Ergänzungen, aber hier sechs wurde später umbenannt Zwei Jahre 2015 in diesem war zu stehen, um die Änderungen
im Release-Zyklus widerzuspiegeln . Also, wann wird verwendet werden? Babel. Wenn Sie
beispielsweiseInternet Explorer unterstützen möchten beispielsweise oder die neuesten Skriptfunktionen in einem Browser verwenden möchten, der sie noch nicht unterstützt. Ding, dass wir Babel benutzt
haben, von dem ich weiß, dass wir viel durchmachen. Aber nichts ist besser als mit einem Beispiel. Warum bauen wir nicht unseren eigenen Party-Fall auf, und das wird Ihnen helfen, zu verstehen, wie diese Dinge funktionieren. Und heute, lassen Sie uns unsere eigene Polly Fall für das Jahr erhöhen für jede Methode implementieren. Dies wurde in Java Strip 1.6 oder ein Wehrpflichtiger für Tradition in Wirklichkeit eingeführt, denn jeder ist heute sehr gut unterstützt. Aber ich habe es mehr für die Tatsache gewählt, dass es ziemlich einfach zu rekonstruieren ist. Und ich kann dich Schritt für Schritt durch den Aufbau dieser Party begleiten. Aber ich möchte an dieser Stelle feststellen, dass diese Umsetzung keineswegs
vollwertigund
umfassend sein wird vollwertig . Das wird nur ein Weg für dich sein, das Verständnis dafür zu verfestigen, was für ein Poly Feliz ist. Also, wenn Sie wirklich wollten, um in die Nitty Gritty von bestimmten Polly Falls für bestimmte
Funktionen zu bekommen , empfehle
ich Besuch Mozilla Documentation Network oder Indianer sind einen Link am Ende
dieser Vorlesung gesetzt . Okay, also haben wir gerade gesagt, wir werden unsere eigenen für jede Party voll bowlen. Und denken Sie daran, was der erste Tipp Waas Was ist die erste Frage von Polly für hat zu fragen um es umgesetzt werden? Das ist richtig. Unterstützt der Browser die Funktion „Let“? Also der erste Schritt ist, lassen Sie uns überprüfen, ob vier jede Methode nativ von
unserem Browser unterstützt wird . Schauen wir uns mal an.
5. Teste ob für den Browser: , um zu bestimmen, ob die vier Methoden in unserem Browser vorhanden sind. Wir können die Konsole verwenden, richtig
schwächen, ein bisschen JavaScript. Also lasst uns Chrome öffnen, was ich hier mache. Und jetzt Lasst uns auf die Konsole zugreifen. Und nur sehr wenige Leute werden das wissen. Das nennt man einen Prototyp. Sie sind zwei verschiedene Orte. Wir können Java-Skript in Chrome schreiben, die erste und offensichtlichste Stelle in der Konsole. Zum Beispiel können
wir Log Hi, Honig, und, wie wir erwarten würden, würde
das hohe in die Konsole zurückgeben. Dies ist, wo die meisten Leute gehen, um Java-Skript zu schreiben, aber es kann umständlich sein, weil wir jede Zeile von Code Zeile für Zeile ausführen müssen. Es ist ein bisschen weg, ähm, oder Spaß und intuitiv und nur ein bisschen entfernt. Wo gehen wir hin? Nun, auf dem Quellenband und innerhalb der Quellen, Ted, können
wir erstellen, was sie nennen, und neues Snippet, und wir können unsere Akte alles nennen. Nennen wir es native Unterstützung Taste, denn das ist, was wir jetzt tun. Wie schmecken wir mit ihr, bevor jede Methode existiert? Nun, das erste, was Sie wissen müssen, ist, dass die vier jeder Methode auf dem Prototyp
jedes einzelnen Arrays existiert . Was dies bedeutet, ist, dass, wenn wir ein Array automatisch Zugriff auf alle Methoden und Eigenschaften zu bestätigen, dass Prototyp von denen einer von ihnen sollte die vier jeder Methode sein. Also lasst uns einfach probieren, ob die vier jeweils unter find zurückkehren, weil ein
undefiniert zurückgibt , bedeutet dies, dass es keine Unterstützung dafür hat. Browser weiß nicht, was es ist. Also ein Weg, dies zu tun. Und in vielerlei Hinsicht verstehe ich, dass ich nur eine schnelle und schmutzige Methode mache. Wir existieren das Array-Objekt. Wir greifen auf den Prototyp und den einzigen Prototyp zu. Es sollte eine Vier-Zoll-Methode sein, wenn es nativ unterstützt wird, und das sollte nicht unter Feuer zurückkehren. Und wenn es undefiniert zurückgibt, wissen
wir, dass es nicht existiert. Jetzt gibt es zwei Möglichkeiten, wie wir dieses Java-Skript ausführen können. Sie können die Steuerung drücken, geben Sie auf Ihrer Tastatur oder wir können den Ort auf klicken. Also klicke ich einfach auf den Ort und los geht's. Es kehrt zurück. Wahr. Es bedeutet, dass die vier jeweils nicht gleich undefiniert sind. Und da haben Sie es, dass wir gerade bestätigt haben, dass die vier jeweils nativ auf
meiner aktuellen Version von Verbrechen unterstützt werden . Okay, also haben wir gesehen, dass unsere Baraza vor jeder Methode unterstützt. Es ist auf jedem einzelnen Array, das wir erstellen. Und es ist auf der Prototyp-Off-Theorie, dass, um zu illustrieren, was ein Politisches ist, lassen Sie uns einfach so tun, als wäre unser Browser verkauft, dass er nicht vor jeder Funktion weiß. Also, wenn Sie vorwärts gehen , legen Sie das
einfach in den Hinterkopf. wir einfach so, als ob es tatsächlich unter Feuer steht, bevor jeder Mythos, der es auf
unserem Bruder nicht existiert . Cool. Ich denke, das reicht von diesem Vortrag. Wir haben in kurzer Zeit viel durchgemacht. In der nächsten Natur, lasst uns anfangen, dieses mächtige zu bauen.
6. Was ist die Methode für die "ForEach() Methode: kurz bevor wir mit dem Bau unserer Polly Fall beginnen, müssen
Sie verstehen, was es Wiederaufbau ist und um zu verstehen, was es
Wiederaufbau ist . Offensichtlich müssen wir verstehen, was die vier Methoden bedeuten, um in ihrem Kern zu erreichen bevor jede Methode nur eine Möglichkeit ist, Ihr Array zu durchlaufen und zu verwenden. Sechs führte das Array für jede Methode ein. Was Sie tun, ist, dass Sie diesen Mythos auf Ihrem A nennen und wenn Sie eine
Callback-Funktion übergeben müssen , um bei jeder Iteration von der Schleife auszuführen. Und für den Fall, dass Sie sich fragen, ist
ein Callback nur eine Funktion, die nur ausgeführt wird. Eine andere Funktion ist fertig ausgeführt. Daher das Wort zurückrufen. Okay, also kennen wir die vier. Jede Methode erfordert, dass wir in einer Callback-Funktion in dieser Callback-Funktion übergeben akzeptiert zwei Hauptargumente. Nun, eigentlich akzeptiert
es drei Argumente, aber das dritte Argument ist ein Array, durch das Sie handeln wollen. Ich musste es nie verwenden, also werde ich mich auf die beiden Hauptargumente konzentrieren, die Sie in diese
Callback-Funktion übergeben . Der erste ist der Wert des aktuellen Elements in der Schleife und der zweite ist der Index von diesem Element. Und Sie können diese Variablen benennen, was Sie wollen. Das ist, was die Callback-Funktion nehmen wird. Und wir werden dynamisch von Anfang an mutig sein müssen, was du in einem Moment sehen wirst und nur einen Schritt zurück machen wirst. Denken Sie daran, dass die vier jeder Methode eine Methode ist, die auf den Array-Prototyp angewendet wird. Wir sahen das, als wir sehen mussten, ob es nativ unterstützt wird. Wir verlassen den Array-Prototyp für jede Methode und für jede ist nur eine Möglichkeit für uns,
durch ein Array zu gruppieren . Und JavaScript ist eine sehr neugierige Bestie, weil sie so viele verschiedene Möglichkeiten sind, um die gleiche Aufgabe zu
erfüllen. Und es ist auch so genial, denn als Entwickler gibt
es uns viel Flexibilität, das zu nutzen, was wir für das Beste halten. Was das bedeutet, ist, dass vor jeder Methode nicht nur die einzige Methode ist, die wir verwenden können, um
durch eine Rate zu gruppieren , wir haben auch die vier Methode, in wir vier haben, wir haben vier und wir haben sogar andere. Aber die vier jede Methode kommt mit einer kleinen Höhle, Doch das funktioniert nur auf einer Erhöhung. Also, wenn Sie tatsächlich zählen wollen oder Sie überschüssige Schleifen auf einem Objekt wollen, dann wird vor jedem wahrscheinlich nicht Ihr Freund sein. Und die andere Sache mit jeweils vier
ist, dass einige Entwickler argumentieren, dass es Leistungsprobleme erleidet. Nehmen Sie eine langsam, und wenn das ein Problem für Sie ist, dann können Sie das umgehen. Sie können Bibliotheken wie Loaded verwenden und ich möchte nicht, dass wir jetzt in Lodish einsteigen. Aber es ist im Grunde nur eine Utility-Bibliothek und fuhr ein Skript, das uns zu vielen
gemeinsamen Dingen führt , wie zum Beispiel das Durchlaufen einer Erhöhung und die Codes, die auf eine Weise geschrieben sind, die sehr,
sehr effizient ist . Leistungseffizient, sehr schnell. Okay, nun, wenn du so etwas wie ich bist, hilft das
Lesen einer Reihe von Wörtern auf einem Bildschirm nicht wirklich zu verstehen, was ein Vierer ist . Also, bevor wir beginnen, unsere Party voll zu bauen, lassen Sie mich einfach zeigen, was ein vier jeder ist, indem Sie Ihnen ein Beispiel zeigen und dann schwächen tauchen direkt in sie, indem Sie eine ganz eigene Partei voll ziehen. Schauen wir uns einfach ein kurzes Beispiel an
7. Praktisches Beispiel von ForEach(): Okay, also lassen Sie uns damit beginnen, Ihnen zu zeigen, was vor jeder Methode auch tut. Lassen Sie uns die Kriminalität wieder öffnen und Sie können sehen, dass wir sogar frühere Beispiele auf dem
Bildschirm herausbekommen haben. Ich werde das in Echtzeit mit dir schneiden. Und um das zu beweisen, lass mich mich nur zauberhaft zeigen. Gib mir nur eine Sekunde. Da gehen wir. Ordnung, also hier bin ich bei dir, die in Echtzeit codiert, und ich möchte dir nur zeigen, was die vier Methoden bedeuten. Und ich möchte Ihnen ein Beispiel geben, das nicht so einfach ist. Weißt du, ich kann einfach ein Array verwenden und wir durchlaufen einfach die Randkonsole dieser Gegenstände. Aber ich versuche immer, und ich meine, ich denke, Sie an der Stelle jetzt, vor allem mit diesem Kurs, den Sie auf einem hohen Niveau Job Skript verstehen, ist so
lassen Sie uns zwei Arrays erstellen und wir nehmen alle Elemente in den Wind oder regen. Wir haben ihn in den sekundären Mindesten geschoben. Es geht um etwas anderes. Also zuerst ist es. Das ist Kredit auf der Akte, ein weiteres Snippet, und es ist nur nennen, dass für jeden. Jetzt ist das erste, was ich tun möchte, ein Array zu erstellen. Es ist einfach cool. Heben Sie Array eins an. Und lasst uns das voll Essen haben. Sagen wir einfach, Milch, Honig und ich weiß nicht, sollten ein Array erstellen, und in diesem Stadium ist
es nur ein leeres Array. Der nächste Schritt ist, dass du es erraten hast. Lassen Sie uns unsere für jede Schleife erstellen. Lass es uns tun. Also lasst uns auf Array eins zugreifen. Und auf diesem Array eins sollten
wir nativ Zugriff auf die vier jeder Methode haben, weil wir wissen, dass jedes Array auf unserer Baraza einen Prototyp hat und ihr Prototyp die vier pro Minute hat. Und erinnern Sie sich, was die vier jede Methode nahm? Was war das Argument ging in ihm zur Verfügung zu stellen? Das ist richtig. Callback-Funktion. Also lassen Sie uns eine Callback-Funktion zur Verfügung stellen. Die Callback-Funktion nahm zwei Argumente. Will tatsächlich nahm drei, Denken Sie daran, aber die 3. 1 Ich wollte nur noch Datei Zwecke. Es dauert zwei, und das erste Argument ist das eigentliche Element im Strahl. Und um des Streits willen, lassen Sie uns den Gegenstand nennen. Wir können es nennen, was wir wollen. Und das zweite Element, das wir diese Funktion übergeben, ist der Index und wieder der Einfachheit halber. Rufen wir es in Tagen an. Jetzt. Was uns dies ermöglicht, ist, dass dies für jede Methode über Array eins iteriert und jedes Mal, wenn es über das Array eins bewertet. Es wird jeden Gegenstand in diesem Array nehmen, und es wird uns zurückwerfen und Artikel darin endet. Was wollen wir damit machen? Nun, lassen Sie uns das Element in das neue Array-Array schieben, um also überschüssiges Array zu lassen, um jedes Element in die Saray zu schieben, das mir sehr ähnlich ist zu den vier, die jeweils auf dem Array-Prototyp
schulden , was bedeutet, dass wir Zugriff darauf haben nativ direkt aus der Box. Wir werden Template Little hier verwenden und wir werden existieren. Der Artikel Lucia sagen, wurde seine Nummer hinzugefügt und sie werden sagen, überschüssige die Indies Und im letzten, was ich tun
möchte , ist ich will Ihnen zeigen, wie dieses Array aussieht. Lassen Sie uns diese Funktion ausführen, indem Sie die Kontrolle drücken. Geben Sie ein und da gehen wir. Wir können sehen, was das Ergebnis auf dem Bildschirm ist. Milch war Redakteure Nummer Null auf er war jemals als Nummer eins und sollte
Redakteure Nummer zwei gewesen sein . Und natürlich können
wir diesen Mantel sogar verbessern. Wir wissen, dass die neue und verbesserte Art, Dinge zu tun, die Aris in Texas ist. Sie können die Schlüsselwort-Funktion loswerden und wir können ein Paris in Texas setzen. Ja, und wir können es wieder ausführen. Entschuldigung, wir müssen aktualisieren, um unsere Co zu aktualisieren. Lassen Sie uns die Konsole löschen und starten Sie sie. Hier gehen wir genau das gleiche Ergebnis. Aber jetzt, mit der neuen und verbesserten Aero Syntex, bevor wir auf diese eine weitere Sache bewegen, Ich muss erwähnen, was diese vier jede Methode und das ist Was ist das? Unter Bezugnahme auf 11 Art der Verkostung. Worauf sich dies bezieht, ist, lassen Sie uns einfach Konsole, loggen Sie es aus Konsole, protokollieren Sie dieses und ein Spiel. Es ist einfach wieder frisch. Es ist klar, die Konsole und es läuft. Was uns das sagt, ist, dass das Schlüsselwort this momentan auf das Fensterobjekt verweist. Das macht Sinn, und wir werden später näher darauf eingehen, also wollen Sie nicht auf, warum das jetzt passiert. Ich werde darüber reden, also halten Sie einfach für die Fledermäuse mit uns für jede Methode. Es braucht eigentlich zwei Argumente. Das erste Argument war die Callback-Funktion, die wir getan haben. Aber das zweite Argument hier ist es auch interessant, dass es uns erlaubt, zu definieren, was wir wollen es
darauf hinweisen. also zum Beispiel möchten, Wenn Siealso
zum Beispiel möchten,dass dies auf Ray eins verweist, könnten
wir Array eins einfach in das zweite Argument übergeben. Okay, lassen Sie uns erfrischen. Es ist klar, dass diese Konsole in diesem Lauf dies wieder. Schauen Sie sich immer noch auf Fensterobjekt beziehen. Das ist ein neuer Pfeil. Syntex Wenn wir auf unsere alte Funktion zurückgreifen, würde
er und wir werden den Fehler loswerden. Jetzt machen wir genau das Gleiche. Wir führen das nochmal durch. Da gehen wir. Wir bekommen dies bezieht sich auf das eigentliche Array. Okay, also bedenken Sie das mit der Erbin Syntex. Es behandelt das Wort wirklich anders. Aber wie die vier jede Methode ist, nur zwei Argumente zeigen, erste Argument ist eine coole Art und Weise Rente. Das zweite Argument ist, worauf Sie sich beziehen möchten. Aber wenn Sie das verwenden, müssen
Sie auf den alten Weg zurückgreifen, eine Funktion zu schreiben, von der ich weiß, dass das viel ist, aber Sie tun es, lassen Sie uns fortfahren und in das Schreiben unserer eigenen mächtigen
8. Aufbauen von benutzerdefinierten ForEach() Polyfill: großartig. Wir wissen, was je ein Vierer tut. Und was jetzt? Ich möchte, dass du das tust. Nehmen wir an, unser Browser hat keine Ahnung, was ein Vier-Zoll sagen, dass es nicht nativ von
unserem Bruder unterstützt wird . Deshalb wollen
wir einen leistungsstarken auf unserem Array-Prototyp aufbauen. The First Deep wird tatsächlich den Anfang unseres Codes ausschreiben. Und ich wollte so etwas aussehen. Okay, lassen Sie mich nur darauf hinweisen, dass es auf dem Prototyp unseres Array-Objekts ist. Dann wollten wir die vier jeder Methode finden. Wir können uns nennen, was wir wollen, aber für unsere Zwecke möchte
ich, dass wir es für jeden nennen und wir setzen es auf den Prototyp aus dem JavaScript-Array. Globales Objekt, das wir für jeden kennen, ist eine Methode. Deshalb haben wir die Funktion, Schlüsselwort und Hals für jede Methode zwei Argumente. Das erste Argument, das benötigt wird, ist ein Callback. Und denken Sie daran, dass Colback, das drei Argumente nimmt, das Textelement, dieser Index und sie haben Recht. Ich benutze ihren Strahl nicht oft. Deshalb konzentrieren wir uns nur auf den Artikel und den Index. Aber es braucht eigentlich drei Argumente und das erste, was wir für unseren
Polly Fall in unserem benutzerdefinierten Code testen müssen , ist, dass Callback eine Funktion sein muss , die diese Elemente als Eingaben nimmt. Also lasst uns zur Konsole wechseln und fangen wir an, zuerst aufzurichten, aber von Mantel.
9. Prüfe, ob der Callback eine Funktion ist: wie erwähnt. Der erste Teil, der unseren Polly Fall baut, muss sein, festzustellen, ob diese
Callback-Funktion die Funktion ist. Also lasst uns reingehen. Fangen wir an, hochzuziehen, Polly. Fallen. Also, was ich hier tun werde, ist, dass ich eine neue Datei erstellen werde, und ich werde das einfach
reichlich nennen und was wir wollen. Diese Polly voll zwei DUIs. Wir wollten auf dem Prototyp eines jeden Erekten sein. Also wollen wir auf das Ray-Objekt in JavaScript auf seinem Prototyp zugreifen. Wir wollen eine neue Funktion definieren, die für jede aufgerufen wird. Nun, in diesem Fall wissen
Sie und ich, dass unser Browser unterstützt werden muss. Aber weil ich es auf diese Weise mache, werde
ich tatsächlich die normale Funktionalität für jeden überschreiben. Also, in der Tat werden
wir eine brandneue Polly für eine brandneue Funktion erstellen. Wir wissen, dass diese vier jeweils keine Methode sind und dieser Mythos, der zwei Argumente annimmt, ist
das erste Argument eine Callback-Funktion in unserem Fall. Rufen wir es einfach zurück. Wir können es nennen, was wir wollen. Und denken Sie daran, das zweite Argument war, was wir definieren wollen. Das ist das. Nannte uns nur, dass dieses Argument. Ogg das und da hast du es. So haben wir angefangen, unseren Parteifall aufzubauen. Das erste, was wir tun wollen, ist, dass wir überprüfen wollen, ob der coole Back eine Funktion ist. Und wir tun dies, indem wir Java-Skripte in Bolt-Methode namens Typ off verwenden. Das ist ein Operator. Also, was wir tun wollen, ist, wollen wir, wenn Art der kühlen Deck schmecken. Wenn es keine Funktion gibt, was wollen wir
dann passieren? Nun, wir wollen unseren Code stoppen, weil es eine Funktion sein muss. Also, was wir tun wollen, ist, dass wir werfen und Sie tippen Ära, und was wir tun wollen, ist, dass Sie beim Rückruf zurückwerfen wollen, und wir wollen sagen, ist keine Funktion, nur so dass der Benutzer ein Feedback darüber hat, was es ist , dass ein betrunkener. Und wir wissen, wenn dies nicht wirft Typ Ära, sie sind nicht Code kann fortgesetzt werden. Wir können unseren Code hier fortsetzen. Also da hast du es. Lassen Sie uns testen, ob dieser Code funktioniert oder ob wir etwas falsch gemacht haben. Als erstes kann ich feststellen, dass du es noch nicht mal probiert hast. ist es. Ich hätte hier eigentlich gleich lauten müssen. Ich will eigentlich dasselbe sein. Oben ist Funktion. Mal sehen, ob das funktioniert. Es ist klar unsere Konsole und lass uns laufen. Natürlich habe ich die Funktion nicht für jede Funktion ausgeführt. Also, was ich dieses wenig hören muss, um ein neues Array zu finden beleuchtete Array gleich Rauch, Honig und Zucker und jetzt führt. Exits sind für jede Methode. Wir haben nur Bolzen für jeden und lassen Sie uns einfach ausführen. Lassen Sie uns nicht in einer Funktion übergeben. Was denkst du, wird passieren? Nun, lassen Sie uns versuchen, es auszuführen Gerichtstyp Ära Undefined ist keine Funktion. Das ist genau die Ära, die wir hier geworfen haben. Deshalb werfen wir tatsächlich eine Ära. Ich meine, selbst wenn Sie etwas einfügen, das keine Funktion wie in dieser Notiz ist, lassen Sie uns Konsolenprotokoll A machen Zum Beispiel, das ist jetzt, also haben wir tatsächlich bereits definiert. Lassen Sie uns die Konsole neu aufräumen und starten Sie sie. Los geht's. Konsolenprotokoll ist keine Funktion, DasKonsolenprotokoll ist keine Funktion,
also zeigt Ihnen nur, warum wir tatsächlich eine Ära werfen, weil wir dem Benutzer Feedback geben, der sagt ,
Hey ,
Leute, du musst tatsächlich eine Funktion in den vier übergeben -Methode. Also lasst uns das machen. Lassen Sie mich Ihnen zeigen, was bedeutet das? Alles klar, nun, lasst uns Funktion werfen. Lassen Sie uns also eine Funktion übergeben,
die Sie gehen In diesem Fall ist die Funktion völlig leer. Also lasst uns die Seite aktualisieren. Löschen Sie die Konsole. Es ist diese Funktion ausführen und das Sie gehen. Wir haben nicht Kopf und Ära und wir sogar t stoppen Code, indem wir oft cool sagen. Ära wurde nicht geworfen. Gehen wir einfach Konsolenprotokoll. Ja, wir können fortfahren, heute gehst du. Mal sehen, ob das funktioniert. Es ist unsere Funktion laufen und Sie können die Liebe auf dem Bildschirm sehen, wie ja wir fortfahren können. Und das beweist, dass unser Kern-Beck tatsächlich eine Funktion großartig ist. Richtig? Das ist also der erste Teil, um unseren eigenen Polly Rückfall zu bauen. Sie können sehen, dass wir nicht mit irgendwelchen Mitteln gemacht haben, weil wir nicht einmal in das geraten sind, was die
Callback-Funktion tun sollte. Und das ist es richtig im gesamten Array und dann erlauben Sie uns zu manipulieren und mit dem
Element und dem Index zu arbeiten . Sie würden sehen, wie man diese Trophäe macht
10. Unsere Rückruffunktion schreiben: Okay, sei bei mir. Sei bei mir. Denn jetzt werden wir wirklich fertig mit dem Schreiben unserer Callback-Funktion. Und bevor wir es tun, müssen
wir wissen, was wir wieder tun wollen. Und denken Sie daran, wie bevor jeder eine Schleife ist,
was bedeutet, dass wir wissen müssen, wie viel wir brauchen, um eine Schleife sonst wird einfach auf unbestimmte Zeit gehen. In unserem Beispiel haben
wir ein Array mit drei Elementen Rauch,
Honig und Zucker definiert . Das erste ist, warum greifen wir darauf zu? Und die offensichtlichste Anta benutzte das Schlüsselwort dieses Schlüsselworts. Aber worauf wird sich das beziehen? Der einfachste Weg wieder. Es ist nur, um den Markt zu trösten. Ich zeige Ihnen ein paar Möglichkeiten, um zu probieren, was das ist. Aber das ist der intuitivste Weg und mal sehen, was es ist. Es ist klar, die Konsole und es ist richtig. Wir haben Konsul lange, das auf den Bildschirm, und das ist Theorie. Wir können sehen, dass Milch, Honig und Zucker, und es enthält drei Artikel. Das ist also cool. Wir wissen, dass eine andere Möglichkeit, zu überprüfen, was dies ist und dies definiert es in einer Variablen. Sagen wir, angezündet. Nennen wir es einfach Länge. Lane für Länge entspricht diesem Denken und was wir vor allem tun können. Und das ist, was Spaß macht, wenn Sie in der Registerkarte Quellen mit unserer eigenen Datei arbeiten, wir können hier einen Haltepunkt setzen, und was Sie dann tun können, ist, dass Sie diese Funktion ausführen können. Also lasst es uns laufen. Entschuldigung, lassen Sie uns zuerst hier die Konsole aktualisieren. Und jetzt lassen Sie uns hier einen Bruchpunkt in diesem Lauf setzen. Was tun wird, wird Code an dieser Stelle stoppen. Und was hier interessant ist und wo Sie sich ansehen möchten, ist der Bereichsabschnitt innerhalb von
Dave-Werkzeugen , und Sie können sehen, dass Lane derzeit unter finden richtig ist, weil wir pausieren, dass diese Zeile
ausgeführt wird. Aber sobald wir hinübertreten und diese Linie ausführen, ist
eifriger Len gleich drei, so dass wir hier sehen können, dass dies auf den Iran hinweist, sogar um darüber zu
schweben. Das ist unsere Berufung, Dave Tools ist Es zeigt Ihnen, worauf sich das bezieht. Deshalb können wir auf die in Schraubenlänge Methode auf diesem Array zugreifen. Awesome, richtig. Okay, also haben wir festgestellt, dass wir die Längeneigenschaft haben. Lassen Sie uns diesen Bruchpunkt entfernen und es geht einfach weiter. Teoh, führen Sie unseren Code aus und wir haben alle in der bestäubten Finalliga auch getan. Durchschauen Sie die Macht, richtig? Und natürlich können
wir einfach die traditionelle gefallene Variable verwenden. Ich habe Zira angefangen, und wir werden diese Schleife anwenden, solange ich weniger als lang ist. Und jedes Mal, wenn es diese Funktion durchläuft, werden
wir zunehmen. Ich will, dass wir wissen, dies ist der Standard für Gruppe, die wir alle kennen und lieben. Und jetzt, was wir tun wollen, ist unsere Callback-Funktion zu finden, geht hier und erinnere mich, welche Argumente Callback-Funktion genommen wird. Versuchen Sie, drei Argumente zu nehmen. Also werden wir unsere Callback-Funktion aufrufen, und wir werden ihr drei Argumente geben. Drei Argumente sind das Element, das das Array ist, und wir werden das eigentliche Element existieren. Also müssen wir die Indexnummer übergeben. Das zweite Argument ist der Index selbst und das Food-Argument. Erinnerst du dich an Herz Sehen Sie, wir brauchen es nicht wirklich, aber wir können, in diesem Fall nur um der Vollständigkeit willen, wir müssen das hinzufügen. Wir müssen tatsächlich dort Ray selbst vorbeikommen. Wie cool ist das? Wir sind jetzt so ziemlich fertig. Was passiert, ist, dass wir dies für jede Methode verwenden können. Wir erinnern uns, dass die Funktion drei Argumente benötigt. Das Element, das Index und wir nennen es nur Argument dies und alles, wir können Dinge mit ihnen tun, wie wir wollen. In unserem Fall lassen Sie uns einfach in Tagen Bug-Element in all dem konsolen, nur damit Sie sehen können, dass es wie
erwartet funktioniert , das diese Funktion ausgeführt wird. Du gehst, hast gerade unsere eigene Polly voll erschaffen. Und es funktioniert wie erwartet. Wie genial ist das? Aber es gibt noch eine Sache, die wir tun
müssen, oder? Denken Sie daran, als wir uns das anschauten, war es in einer dieser Tränen. War nicht eine native Unterstützung für jeden. Erinnere dich daran. Wir hatten, dass dieses Schlüsselwort in diesem Mantel dies der Standard in fett vier Zoll-Meeting ist und dass dies auf das Fensterobjekt verwies. Aber wir konnten ein zweites Argument in diesem Beispiel
stellen, wir sahen uns an, wir gingen in das Array ein und wir benutzten das für die Retter. Nun, wie würden wir das hier machen? Ich möchte, dass du an uns denkst, und dann zeige ich es dir in der nächsten Vorlesung. Wie man das macht
11. Was bedeutet dies: Lassen Sie uns mit dem letzten Teil unserer reichlichen beenden, und das ist, dieses Problem zu beheben. Um die Dinge zu erleichtern, lassen Sie mich einfach das vorherige Konsolenprotokoll löschen. Und ich will es dir nur zeigen. Wenn wir abbrechen, das auf dem Bildschirm zu lieben, was würden Sie erwarten? Was glaubst du, was es auf der Konsole gezeigt wird? Nun, schauen wir uns mal an. Es wird die Funktion ausgeführt und dann gehen Sie zum Fensterobjekt. Warum ist das und was ist noch seltsamer? Das tötet nur wieder Konsole. Was noch seltsamer ist, als wir hier eine Pause machen und wir beginnen, dies auszuführen, Lassen Sie uns die Funktion ausführen und schauen Sie sich diese lokalen Variablen erneut an. Okay, Geltungsbereich. Ich werde den Code durchhalten, den wir zum Array bekommen. Jetzt kommen wir zu den vier einzelnen Funktionen, also wird es in unsere Custom Küken springen. Es wird mit den Callbacks überprüfen, keine Funktion. Das wird es passieren. Und das ist interessant, oder? Dass dies ich über das schwebe, wenn ich dieses Schlüsselwort mit im Gericht verwendet, das sich auf den
Strahl bezieht . Aber wenn wir nach draußen kommen, wenn wir zu diesem Konsolenprotokoll kommen, bezieht es sich tatsächlich auf das Fensterobjekt. Wenn ich dies weiterhin ausführen, wir gehen wir durch jetzt treten wir an dieser Konsole sperren wir außen Seite von den vier jede Funktion und jetzt wissen wir den Mauszeiger über das. Sie können sehen, dass sich dies auf das Fensterobjekt bezieht. Wie wir es uns sind, ergibt keinen Sinn. Zumindest kennen Sie Java-Skript, weil es Sinn macht und ich werde Ihnen in einer Sekunde zeigen, warum. Aber bevor Sie zeigen, warum und kommen Sie in die Nitty dreckig davon. Machen Sie einfach einen Schritt zurück und schauen Sie sich die verschiedenen Möglichkeiten an, wie wir gerade Funktionen ausgeführt haben. Als wir für jeden ausgeführt
haben, haben wir das als Methodenkern gemacht. Wir haben es als eine Methode ausgeführt. Das ist, wenn wir tatsächlich die Funktion Callback-Funktion ausführen. Sieh mal, wie wir es machen. Das stimmt. Es ist eine regelmäßige Funktion. Wir existieren nicht. Zika-Methode, bevor wir es nennen, wir nur ihre Funktion ausführen. Und es mag an der Oberfläche scheinen, dass das ein sehr subtiler Unterschied ist. Aber es stellt sich heraus, dass der subtile Unterschied tiefe Behebung verursacht. Aber lassen Sie mich Ihnen zeigen, warum. Lassen Sie mich einfach auf den anderen Bildschirm springen schnell und zeigen Ihnen, warum das passiert, ich fühle Ihren Schmerz . Ich weiß, dass es schwierig sein kann, den Kopf zu umgehen und was es sich auf
verschiedene Bereiche Ihres Codes beziehen sollte . Aber das ist nur ein sehr schneller, hoher Überblick darüber und warum es tut, was es tut. Dies hat ein seltenes Beispiel genommen, und es erstellt Array mit drei Werten in einem Hund, einer Katze und einer Maus. Und lassen Sie uns einfach unseren Code aussetzen. Ja,
eine, mit der wir ohne Politische gearbeitet haben, und Sie werden bemerken, wenn wir das für jede Methode ausführen. Wie die Schauspielerin bereits sagte
, wird diese Funktion als Methode bezeichnet. Also wissen wir das in diesem Fall verwirrend. Aber wir werden wissen, dass dies in diesem Fall auf das Array verwiesen wurde. Aber wenn wir unsere Callback-Funktion erhalten, wird
hier die Dinge sehr interessant, weil Java-Skript dies sehr speziell behandelt, wenn es darum geht, Funktionen in
Harley of court aufzurufen . Wenn wir eine Funktion an die vier jeder Methode aus dem Array übergeben, ist
der Wert davon das globale Objektfenster. Mit anderen Worten, diese Sanktion ist eine Methode außerhalb des Objektfensters, und dies ist nur die Art, wie JavaScript funktioniert, wenn Sie eine Funktion haben, die nicht als Methode
aufgerufen wird , dann standardmäßig diese Funktion tatsächlich vom Fensterobjekt weggelassen wird. Was auch immer das globale Objekt ist, abhängig von Ihrer Java-Skript-Umgebung. beispielsweise Wenn Siebeispielsweiseausführen und Knoten, das globale Objekt nicht das Fensterobjekt. Es heißt ironischerweise global. So können wir sagen, dass es irgendwie so ist, als ob die vier Rückrufmethode Fenster cool big aufruft. Und deshalb bezieht
es sich, wenn Sie dies verwenden, auf das, was in diesem Fall als Callback bezeichnet wird, das Fenster, auf das Fensterobjekt. Wer? Ihr Fall. Das ist auf einem sehr hohen Niveau, was ist im Hintergrund los? Aber die Frage, die du jetzt wahrscheinlich stellst, ist okay. Cool, ich verstehe. Aber wie beheben wir das Problem? Wie definieren wir, was sich darauf beziehen soll? T. Was ist, wenn ich wollte, dass sich dies auf mein Array bezieht, nicht auf das Gewinnerobjekt? Und wie sich herausstellt, gibt es eine sehr einfache Lösung dafür. Schauen wir es uns an
12. Endfertig von unserem benutzerdefinierten Polyfill: es fühlt sich an, als würde dieser Polly nie enden. Vertrau mir, das wird es. Ich habe es satt. Also schaffen wir es in einem voll funktionsfähigen Politischen. Also haben wir gesehen, dass sich dies auf das globale Objekt bezieht. Aber wie definieren wir, was wir sein wollten? Nun, eine einfache Lösung dafür ist die Verwendung der coolen Methode. Was ist die Aufrufmethode wird wieder in JavaScript integriert. Und es erlaubt uns nur, die Funktion
aufzurufen, die Methode aufzurufen und zu definieren, worauf wir dies verweisen möchten. Und das ist es, was wir hier wollen. Lassen Sie mich Ihnen also kurz zeigen, was es ist, bevor wir es wieder ausführen. Lassen Sie uns ein neues Snippet erstellen, und es heißt uns alle Methode und lassen Sie mich Ihnen zeigen, was diese Ruhe, wenn es tut. zunächst eine Funktion definieren, Lassen Sie unszunächst eine Funktion definieren,die Lebensmittel genannt wird. Und wenn ich dich mit Java-Skript meine, weiß
ich nicht warum, aber oft, wenn du Testcode machst, definierst du Essen und definierst Bar, so dass du eine Menge davon siehst. Deshalb habe ich mich entschieden, es Essen zu nennen. Es gibt keine besondere Bedeutung oder Wert dahinter,
und alles, was wir wollen, dass Dysfunktion tun wird, ist, dass diese Funktion dies konsolenprotokolliert. Und was denkst du, wird passieren, wenn wir Essen hinrichten? Ist dies eine Funktion, die für eine Methode aufgerufen wird? Wo ist diese unregelmäßige Funktion? Natürlich ist
dies eine reguläre Funktion, daher sollte der Wert davon das Fensterobjekt sein. Und lassen Sie uns diesen Code ausführen. Da gehst du. Wir können sehen, dass es das Fensterobjekt ist, und ich möchte Ihnen zeigen, wie die Kernmethode funktioniert. Und um das zu tun, ist
es nur, um ein Objekt zu finden. Es ist ein beleuchteter Balken, der einem leeren Objekt entspricht. Lassen Sie uns nun die Food-Funktion erneut ausführen. Aber lassen Sie uns es mit der Kernmethode tun. So greifen wir auf die Funktion zu. Wir greifen auf die negative Bolzenaufrufmethode zu, und das erste Argument ist, was wir wollen, dass dies in diesem Fall Bar beziehen. Wenn sie Argumente in der Food-Funktion wären,könnten
wir hier parzellen,
aber das sind sie nicht. Wenn sie Argumente in der Food-Funktion wären, könnten
wir hier parzellen, Es ist also ein sehr einfaches Beispiel. Aber was glaubst du, wird jetzt passieren? Nun, es ist klar, die Konsole und das ist Code ausgegangen. Und da gehst du hin. Es ist nicht das Fensterobjekt in Ihrem, weil wir dem Motor gesagt haben, wenn wir dies verwenden, dass wir in diesem Fall auf Bar verweisen
wollen das Anti Objekt Gericht. Also, das ist genau das, was die Ruhe, wenn es tut, es ist jetzt implementieren Sie es in unserem schönen, um unsere Probleme zu lösen. Das erste, was wir tun müssen, ist, dass wir es uns erlauben, ein zweites Argument
in die vier jeden Funktionsaufruf einzufügen , den Sie ganz oben sehen können. Wir haben definiert, dass die beiden Argumente, ein Callback und ein Argument dies jetzt, wenn wir nicht Setzen Sie dies in ogg, es wird einfach zurückkehren unter finden, dass es Schuldenargumente behandeln wird, ist undefiniert ,
und in diesem Fall haben
wir es sowieso nie benutzt, also hat es sich nicht wirklich getroffen, aber jetzt werden wir es tatsächlich benutzen. Also das und jetzt das nächste, was wir tun müssen, ist einfach unsere Callbacks zu ändern. Wahrscheinlich, weil wir jetzt nicht nur die Funktion direkt ausführen wollen, oder? Wir wollten über die Aufrufmethode beenden, und denken Sie daran, das erste Argument ist, worauf wir uns beziehen wollen, und das ist, was wir in Dhakal alles andere pausieren werden. Stattdessen ruft uns
das gleiche an und erinnere dich daran, was ich gesagt habe ,
wenn es nicht definiert ist , was
bedeutet, wenn wir kein Argument übergeben, wird
es nur als undefiniert resultieren. Und das,
in diesem Fall, würde sich nur auf das globale Objekt beziehen, was wir sowieso wollen, also löst es sich von und um es Ihnen zu beweisen. Lass uns einfach sicherstellen, dass du arbeitest. Es ist nur speichern hier sind Konsole und führen Sie unseren Code aus. Wir wollen keine Bruchpunkte. Lassen Sie mich den Bruchpunkt entfernen. Fahren Sie mit dem Ausführen des Codes fort. Entschuldigung. Sind bekommen diese, die Sie sieht. Und das ist das Schöne daran, in der Konsole zu arbeiten. Wir werden all diese Nullen auf uns zurückgeworfen und wir wissen genau, dass ich es repariere. Entschuldigung, ich habe gesagt, dass all dies ein zweites Argument ist, aber das muss sich tatsächlich auf etwas beziehen. In diesem Fall wollen
wir, dass unser Array dies ist, nicht die globalen Objekte, die ich das nicht abschieben konnte. Also lasst uns einfach die Konsole wieder löschen und versuchen, es auszuführen und los geht's. Dies bezieht sich jetzt auf unser Array langsam in deinem Kopf so viel wie meins und um es dir zu beweisen. Wenn wir Array entfernen, sollten
wir das Globe-Objekt wieder erhalten. Also lasst uns das löschen. Nichts vorbei. Killer-Konsole, Clear Die Konsole und Mrs. umgeben die Funktion. Und wir kommen zurück zu unserem Fensterobjekt, für das wir gerade unsere Party erschaffen haben... und ich weiß, das war ein bisschen ein Tangent Truppen von einem Sidestep und ich dachte nur, Weißt
du was? Wenn du nicht verstehst, was ein Schönes dich immer frustrieren wird, also lass mich nur
ein paar Vorlesungen sein , die darüber hindurchgehen. Ich hoffe, Sie haben es genossen. Aber lasst uns darauf eingehen, worum es bei diesem Kurs wirklich geht. Das kommende Alter hoffen, dass Sie Savona Abschnitt genossen haben. Es geht weiter.
13. Outro / Abmoderation: Weißt du, du hast es so gut gemeistert. Und wie ich bereits erwähnt
habe, hoffe ich, du fühlst dich nicht davon eingeschüchtert und weißt, dass es ein bisschen hart war. Wir haben eine Menge Funktionalität, die wir noch nicht besprochen haben. Im Laufe der mach dir keine Sorgen, wenn du ein bisschen verloren bist, aber eine Wand macht Sinn am Ende ihres Kurses, die eine Sache,
die ich nur erwähnen möchte, ist ein Schlusspunkt, dass Java-Skript die Sprache ist, die verwendet wird, um Honig für Fledermäuse zu schreiben. Das Poly Voll selbst muss nicht $4 Skript verwendet werden. In der Tat können
Sie einen Pontifex erstellen, um verschiedene Browser-Funktionen außer Arbeitslosen zu implementieren. Nun, was andere Funktionen und reden über? Welche anderen Funktionen können wir erstellen? Eine reichlich,
gut, so
ziemlich alles, was Sie wollen Dinge wie SPG Canvas, Web-Speicher, lokale und Sitzungsspeicher-Videos. HTML fünf Elemente. Sieht ist ansprechendes Design mit Steckdosen. Geolokalisierung reicht das? Wie Sie sagen können, gibt es eine Menge, die wir tun können. Es war also eine sehr wichtige Lektion für dich, durchzugehen. Ich bin froh, dass du mit mir fertig bist und wir sehen uns im nächsten Abschnitt. Genieße es
CM Code_Zone, !false | funny, because its true
