Javascript Die erweiterten Konzepte

1. Kurs-Einführung: Hallo und willkommen zur Advanced-Dava-Skriptklasse. Mein Name ist Join the Short Car. Ich bin Ft Wave Developer und Online-Instruktor. Heute werden wir in diesem Kurs fortgeschrittenem Javascript beginnen Wir werden mit der Einführung beginnen. Einführung in das Java-Skript für Fortgeschrittene. Dann werden wir spät lernen und die Kosten sind variabel. Wir werden fortgeschrittenes Java P, Tempest mit Methode, Pfeilfunktion, Sk-Operator, Spray-Operator, Objekt-Etherals, Destrukturierung von Arrays, Destrukturierung von Objekten und objektorientiertes Programmieren lernen Tempest mit Methode, Pfeilfunktion, Sk-Operator, Spray-Operator, Objekt-Etherals, Destrukturierung von Arrays, Destrukturierung von Objekten und objektorientiertes Programmieren Somit verspricht die Moderne in Höhen, was AX verspricht, auch reguläre KPIs Das reguläre asynchrone Methodensymbol, Iteratoren, Generatoren, Syncmt, Atlas Gar , Nullhänder Dieser Kurs richtet sich an die beiden Bauchmuskeln, die ihre Javascript-Fähigkeiten verbessern möchten Wenn Sie moderne Javascript-Frameworks wie GS, Reas, Angular erlernen möchten Javascript-Frameworks wie GS, Reas, , dann ist dieser Kurs für Based Form konzipiert In diesem Kurs versuche ich, A six und die spätere Version von JavaScript zu behandeln A six und die spätere Version von JavaScript Lass uns anfangen. 2. Advance-JavaScript Let & Const Variable-Tutorial: Hallo Leute, schön, dass ihr wieder da seid. Dies ist das erste Tutorial dieser Serie. Wir werden unsere Java-Strip-Reise für Fortgeschrittene mit den Variablen Late und Const beginnen Variablen Late und Const Bei Java Striped stehen insgesamt drei Variablentypen zur Verfügung. Zuerst ist wo, dann spät und dann const. Das lateinische Symbol wurde in der Version Slip e six von Java eingeführt. Das Wichtigste ist, dass es in der Version 2015 eingeführt wurde. Lassen Sie uns nun sehen, was der Unterschied zwischen drei Arten von Variablen ist. Der erste Unterschied zwischen allen Typvariablen ist diese Deklarationsmethode. Sehen wir uns den Unterschied an, wo wir Q binden müssen, und dann müssen wir annehmen der Variablenname dann V entspricht , dass der Variablenname dann V entspricht. Ähnlich müssen wir spät eingeben. Dann müssen wir die Variablenzeile übergeben. Für die Kosten müssen wir Cost Qd verwenden. Dann müssen wir die Variablenzeile übergeben. Wir können Variablen neu deklarieren. Hier kannst du sehen, hier deklarieren wir die x-Variable wieder neu. Wenn wir kw verwenden, können wir unsere Variable neu deklarieren und dieser x-Variablen einen neuen Wert zuweisen Wir können den Wert auch neu zuweisen, wenn wir kw verwenden. Jetzt ist unser X-Wert. Wenn wir diesen Wert jetzt drucken, wird er zurückgegeben. Falls wir den Wert neu zuweisen können, deklarieren Sie den Wert auch erneut Im Fall von Blade können wir die Variable jedoch nicht erneut deklarieren Wenn Sie es tun, wird ein Fehler zurückgegeben. Aber wir können den Wert neu zuweisen, wenn wir das Schlüsselwort let verwenden. Aber wir können den Wert nicht erneut deklarieren. Lassen Sie uns nun über den Typ der Kostenvariablen sprechen. Beim Kostenvariablentyp können wir unsere Variable nicht erneut deklarieren Wenn wir das tun, wird ein Fehler zurückgegeben. Außerdem können wir unser V nicht neu zuweisen . Außerdem wird es den Fehler I do it zurückgeben Das ist der Hauptunterschied zwischen drei Variablentypen Spät und konstant. In diesem Fall können wir die Daten neu zuweisen und neu deklarieren Im Falle einer Verspätung weisen wir einfach nur eine Neuzuweisung zu, nicht eine erneute Deklaration. Aber in der Vergangenheit können wir nicht erneut deklarieren und wir können auch keine Neuzuweisung Und es gibt noch einen weiteren Unterschied zwischen ihnen, nämlich den verwandten Geltungsbereich. Lass es mich dir zeigen. Wenn wir über den ersten Fall sprechen, meine ich, wo ich eine HP-Bedingung verwenden soll, und innerhalb dieser Bedingung werde ich eine Variable mit QR deklarieren. Wenn ich versuche, diesen Wert außerhalb der p-Bedingung zu drucken, können wir das , weil es sich um einen globalen Gültigkeitsbereich handelt. Wir können diese Variable außerhalb der p-Bedingung drucken. Wir können sie auch neu deklarieren und auch Berechnungen außerhalb der ep-Bedingung durchführen Deshalb wird es als globaler Geltungsbereich bezeichnet. innerhalb der P-Bedingung Wenn wir innerhalb der P-Bedingung eine Variable mit let QR deklarieren, dann können wir diese Variable nicht außerhalb der P-Bedingung drucken , da es sich um einen Blockbereich handelt. Das bedeutet, dass nur innerhalb des Blocks daran gearbeitet wird. Blöcke bedeuten Autogasen. Wir können diese Variable nur innerhalb der Autosets verwenden, nicht außerhalb der Autogasen. Hier können wir den Wert ausdrucken. Wir können das Kalbfleisch auch neu zuordnen. Aber wir können es nicht erneut deklarieren. Wir können es mit Bedingungen, Loop, Switches und While-Loop verwenden , aber dafür brauchen wir nur den Blockbereich Auf die gleiche Weise, wenn wir innerhalb der IP-Bedingung eine Variable mit dem Schlüsselwort const deklarieren und versuchen, sie außerhalb des Blocks zu drucken, dann wirft er einen Pfeil, weil es sich auch um einen Blockbereich handelt Die Konstante Q folgt also auch dem Blockbereich. Lassen Sie uns einen praktischen Blick darauf werfen, was wir lernen. Wie Sie sehen können, öffne ich Seite an Seite meinen Visor, den Sudo-Code-Editor und meinen Browser mit der Live Server-Erweiterung Ich habe bereits ein Testdokument mit dem Namen, dem Indexpunkt und dem HTML-Code erstellt. Sie können jeden Code-Editor verwenden , mit dem Sie vertraut sind. Hier werde ich Visor Studio Code verwenden. Wie Sie im Head-Tag sehen können, haben wir das Skript-Tag bereits eingegeben Dann deklariere ich innerhalb des Skript-Tags zuerst eine Variable, wobei Q W und unsere Variable M A, A, w zuweisen, und er soll einen Zeichenkettenwert zuweisen, und der Zeichenkettenwert ist Add One und Semgra zwei in Außerdem werde ich das v neu deklarieren. Also werde ich diese Zeile duplizieren, und auch hier werde ich eine neue Zeichenfolge übergeben Mage add one mage Lassen Sie uns nun den Wert in unserer Konsole drucken. Sie können den Wert auch in Ihrem Dokument drucken. Für diesen Amon-Typ, die Konsole, das Protokoll in der Runde, drücke ich A, unseren Variablennamen Dann Smog in diese Leitung. Wenn ich diese Datei einstelle und zurück zum Browser gehe und dir meine Konsole zeige, um deine Konsole anzuzeigen, musst du nur klicken, nur du musst die rechte Maustaste in deinem Browser drücken Dann kannst du dir den Abschnitt ansehen und dann auf Rist klicken. Hier sehen Sie den Konsolenbereich, die Registerkarte Konsole, klicken Sie auf die Registerkarte Konsole Jetzt werde ich die Konsole der Größe entsprechend vergrößern. Wie Sie sehen können, wird Mg gedruckt und diese beiden Zeilen werden nicht fokussiert. Diese stammen von meiner Erweiterung, meiner JCner-Erweiterung. Hier deklarieren wir die Variable erfolgreich neu. Damit können wir auch vi neu zuweisen. Lass es mich dir zeigen Hm Typ A entspricht den doppelten Anführungszeichen, am Pass, der Zeichenfolge, und Ham Pass, willkommen. Lassen Sie uns also die Datei speichern und sehen, was sie behandelt hat. Da Sie die Datei selbst sehen können, können Sie meine Konsole sehen, diesmal wird sie gedruckt, willkommen Wie ich Ihnen bereits sagte, können wir unseren Wert neu deklarieren und ihm neu zuweisen, wenn wir ein Schlüsselwort verwenden Jetzt verwende ich das Schlüsselwort late, um eine Variable zu deklarieren. Hier tippe ich spät. Außerdem werde ich es mit spät erneut deklarieren. Und ich werde diese Zeile auskommentieren. Ein Satz dieser Datei, wie Sie sehen können, ist ein Pfeil, ein Syntaxfehler. Weil wir unsere Variable nicht neu deklarieren können, wenn wir das Schlüsselwort late verwenden Aber wir können unseren Wert neu zuweisen. Wenn ich diese Zeile auskommentiere und die Kommentare entferne und den Wert neu zuweise und dann die Datei festlege, können Sie sie jetzt drucken sehen, willkommen Weil ect es uns ermöglicht , sie neu zuzuweisen, nicht rot. Aber wenn wir ein konstantes Schlüsselwort verwenden. Cs, und da in dieser Datei kannst du jetzt den geschriebenen Pfeil sehen , kannst du jetzt den geschriebenen Pfeil sehen weil Cons kein erneutes Deklarieren zulassen, und es auch nicht erlaubt, neu Deshalb ist es ein Sten-Fehler. Nun, wie ich Ihnen bereits sagte, gibt es einen weiteren Unterschied zwischen all diesen Variablen, der sich auf ihren Geltungsbereich bezieht. Lassen Sie mich Ihnen das Beispiel zeigen. Dafür werde ich eine Bedingung verwenden. Wenn ich innerhalb des Rundenprozesses bin, werde ich eine Bedingung erstellen und unsere Bedingung ist immer wahr. Eins ist gleich eins. Dann weist Hamod innerhalb der e-Bedingung eine Variable zu, wobei A gleich 12 Diesmal weise ich eine Zahl zu. Wenn ich diese Datei einstelle, wie Sie in meiner Konsole sehen können, lautet sie 12. Wenn Sie sehen können, deklarieren wir die Variable einfach in diesem Dock, also innerhalb der Hüllen. Aber wir nennen diese Variable außerhalb der Fälle. Ich meine außerhalb des Blocks. Aber wenn ich den Let-Variablentyp ate verwende, gleich 12 ist, und wenn ich den Wert außerhalb des Blocks überschreiten und diese Datei setzen möchte , wie Sie sehen können, ist es ein Stilpfeil Ungeschnittene Referenz, A ist nicht definiert. Aber wenn ich versuche, sie zu überschreiten, Punktes des Blockdokuments innerhalb des Punktes des Blockdokuments direkt innerhalb des runden Prozesses übergebe ich innerhalb des Punktes des Blockdokuments direkt innerhalb des runden Prozesses die Variable A. Dann sieben c zwei, diese Zeile Wenn ich diese Datei setze, können Sie jetzt in meinem Browser sehen, der Wert auf a springt. Denn, wie ich Ihnen schon gesagt habe, folgen wir dem Blockbereich. Auf die gleiche Weise, wenn wir das Schlüsselwort st verwenden , um die Variable zu deklarieren, dann kostet A den Wert 12 und setzen dann diese Datei, wie Sie sehen können, ist das das gleiche Ergebnis. Wie Sie sehen können, können wir es im Dock überladen. Aus diesem Grund druckt es in unserem Browser 12, aber wir können es außerhalb des Docks nicht überschreiten. Deshalb hat unsere Konsole einen Fehler geschrieben , weil die Kosten auch vom Blockumfang abhängen. Aber wenn wir die Datei mit der Variablen where und this if deklariert haben, können Sie jetzt sehen, dass unser Browser und unser Cosol dasselbe Ergebnis zurückgeben Das ist der Unterschied zwischen den beiden Variablen Kosten und Verspätung Danke, dass du dir dieses Video angesehen hast, St tune für unser nächstes Tutorial. Im nächsten Tutorial werden wir den Template-Stream lernen. 3. Vorlagen-Strings-Tutorial: Hallo Leute, schön, dass ihr wieder da seid. Dies ist das dritte Tutorial zur fortgeschrittenen Java-Geschwindigkeit. In diesem Tutorial lernen wir Template-Strings oder Template-Rerens kennen Mit dieser Funktion wird Java Speed in einer Version von sechs eingeführt. Einige andere Entwickler nennen es Template-Literale. Vor der Veröffentlichung von Template-Strings verwenden wir Concatinal Sign, um Zeichenketten zu verbinden. Lass es mich zeigen. Nehmen wir an, wir nehmen eine Zeichenkettenvariable und der Wert ist add one meg und unsere Variable m ist Name. Sie können auch eine beliebige Zahl verwenden. Jetzt möchte ich diesen Zeichenkettenwert mit einer anderen Zeichenfolge verwenden. Im Grunde möchte ich zwei Zeichenketten verketten. Dafür verwenden wir das Verkettungszeichen. Nehmen wir an, die Adresse entspricht Indien plus unserer Variablen m. Dieses Verkettungszeichen Zeichenketten Dies ist die normale Art, wie wir zwei Zeichenketten verbinden können , andernfalls zwei Aber das Problem ist, nehmen wir an, wir haben viele Variablen und müssen diese Variable in einer einzigen Zeichenfolge Dafür müssen wir jedes Mal ein Verkettungszeichen verwenden. Damit müssen wir auch Codes verwenden, um die Zeichenfolge zu verbinden, und das wird unsere Cote sehr komplex machen Um dieses Problem zu lösen, führt JavaScript eine Vorlagenzeichenfolge Lassen Sie uns nun dasselbe mit der Vorlagenzeichenfolge tun, und das wird unsere Cote effizienter machen Ich erstelle denselben Variablennamen mit demselben. Jetzt möchte ich diese Variable in einer Zeichenfolge zusammenfassen. Aber dieses Mal werde ich Vorlagenzeichenfolge verwenden, so etwas Eine Adresse, die gleich ist, dass ich Fledermäuse verwenden möchte. Das sind Fledermäuse. In den Fledermäusen werde ich die Schnur weitergeben. Aus Versehen tippe ich das doppelte Co-Zeichen. Dann müssen Sie das Dollarzeichen verwenden. Dann werden wir innerhalb der Kalibrationen die Variate übergeben Denken Sie daran, dass dieses Sonderzeichen kein Zitat ist. Dies sind alles Bata, und Sie finden sie über dem Tab in Ihrem Kibo Sie müssen die Bata ab einer Endposition verwenden. Und dann kannst du deine normale Zeichenfolge übergeben. Wenn Sie dafür eine Variable aufrufen möchten, müssen Sie das Dollarzeichen verwenden. Danach müssen Sie Kalibraten verwenden. Innerhalb der Klasse können Sie Ihre Variable aufrufen und sie wird zwei Zeichenketten verbinden Dafür müssten Sie ein konkretes Zeichen verwenden. Wenn Sie mehrere Variablen haben, müssen Sie nur das Dollarzeichen eingeben und innerhalb des Calrass müssen Sie die Variablen übergeben Lassen Sie uns, ohne Ihre Zeit zu verschwenden, mit dem Praktischen beginnen und sehen, wie wir es nutzen können Wie Sie sehen können, öffne ich Seite an Seite meinen Visa Studio-Code-Editor und meinen Browser mit der Light-Servererweiterung und meinen Browser mit der Light-Servererweiterung erstelle bereits ein Kostenvoranschlagsdokument dem Namen Idexot Zuerst werde ich eine Variable deklarieren. Dafür verwende ich Late Late und unseren variablen Image-Benutzer. Benutzerzuweisung mit doppeltem Code, und ich werde eine Zeichenfolge übergeben, und ich werde einen Namen übergeben, und der Name lautet Add One Mage. Dann ähnlich wie in dieser Zeile. Jetzt möchte ich diesen Namen in unserem Browser drucken. Dafür gebe ich Domain Dot Right ein und sage den runden Prozess mit dem Namen, ich möchte eine Zeichenfolge drucken. Zuerst werde ich unserer alten Methode folgen. Ich sage das Doppelte, weil ich Hallo weitergeben werde. Dann verwende ich das Verkettungszeichen, um die Zeichenfolge mit dem Benutzer zu verbinden, und H übergebe ich den Variablennamen Subg zwei dieser Zeile. Nachdem ich diese Datei eingestellt habe, wie Sie in meinem Browser sehen können, wie Sie in meinem Browser sehen können, string, hallo Edvard M. Jetzt entscheide ich, dass ich eine weitere Zeichenfolge hinzufügen möchte Auch dafür müssen wir das Verkettungszeichen verwenden. Dann fügen Sie den doppelten Kurs ein. Dann gebe ich Willkommen ein. Nachdem ich diese Datei gesehen habe, wie Sie sie drucken können, hallo und heißt Willkommen. Jedes Mal müssen wir ein Gemeindezeichen hinzufügen , um an den Streams teilzunehmen Ich mache unseren Code sehr komplex. Jetzt werde ich diese zweite Map verwenden, bei der es sich um eine Vorlagenzeichenfolge handelt. Ich werde diese Zeile auskommentieren. Zuerst werde ich den alten Inhalt entfernen und Back-Ticks verwenden. Dann werde ich in die hinteren Häkchen „Hallo“ einbinden. Dann möchte ich die Variable aufrufen. Dafür müssen wir, wie ich dir gesagt habe, das Spenderzeichen verwenden. Dann müssen wir in der geschweiften Aussparung die Variable n übergeben, die Benutzerbenutzer ist Dann möchte ich eine weitere Straße verketten, was weitere Straße verketten, Wenn ich diese Datei einstelle, können wir, wie Sie sehen können, dasselbe Ergebnis in meinem Browser sehen, und zwar sehr sauber und originell Jetzt möchte ich eine weitere Variable in derselben Zeichenfolge hinzufügen. Wie können wir das machen? Zuerst werde ich eine weitere Variable deklarieren. Spät und unsere Variable ist Marks. Wenn man eins addiert, erhält man insgesamt 350 Punkte. Jetzt werde ich das String-Bit ändern. Hallo, füge einen hinzu, der du bist Mark wieder müssen wir Dollarsinus und Auto SS verwenden. Im Auto*** müssen wir die Variable übergeben, Mark. Stellen Sie die Fünf ein. Nachdem Sie diese Datei eingerichtet haben, können Sie das Ergebnis sehen. Wie weit fortgeschritten, Ihre Punktzahl liegt bei 350. Es gibt noch einen weiteren Vorteil , wenn wir eine Vorlagenzeichenfolge verwenden. Angenommen, ich entscheide mich jetzt, dass ich den Benutzernamen in den Doppelcodes anzeigen möchte . Ja. Jetzt können wir Doppelcodes verwenden. Hier werde ich Doppelcodes verwenden. Außerhalb der Variablen. Wenn ich diese Datei einstelle, wie Sie in meinem Browser sehen können, steht der Benutzername jetzt in den Doppelcodes, und jetzt verwende ich eine temporäre Zeichenfolge in einer Funktion Zuerst werde ich diesen ganzen Abschnitt auskommentieren und dann werde ich eine Variable deklarieren, spät, und unser Variablenname ist Vorname Der Vorname ist gleich, und der Benutzername ist d eins. Außerdem werde ich einen anderen Namen annehmen, nämlich Nachname. Spät. Nachname Asen Mage. Lassen Sie uns sie als Zeichen groß schreiben. Jetzt werde ich diese beiden Kabel in einer Funktion verwenden. Dafür werde ich eine Funktion erstellen. Funktion, und unser Funktionsname ist der vollständige Name. Den vollständigen Namen innerhalb der runden Aussparung muss er an unsere beiden Parameter übergeben, und unser erster Parametername ist F name und unser zweiter Parametername ist A Name. Dann in der C-Aussparung. Ich gebe den vollständigen Namen zurück, und ich möchte Vor- und Nachnamen zurückgeben. Ich gebe die schriftliche Funktion return und verwende Backticks. Dann in die Backtacks. Zuerst möchte ich den Vornamen ausdrucken. Dollarzeichen innerhalb des Klasse-A-Namens. Dann Dollarzeichen in den Fällen Lam und 72 in dieser Zeile. Jetzt werde ich eine Variable erstellen, die einen Stream speichern wird. Dafür verwende ich ate und unsere Variable ae ist hello. Entspricht wieder der Verwendung von Templr. Ihr Typ, Hallo, dann das Dollarzeichen im Krass, er hat eine Funktion aufgerufen, und der Funktionsname ist vollständiger Name Dann geht er innerhalb der runden Messingscheibe an zwei Argmin vorbei, weil wir eine Funktion aufrufen, und unsere erste Variable ist Vorname, und unsere zweite Variable ist Nachname und Sebagal zwei in dieser Zeile Jetzt möchte ich diese Variable in unserer Dokumentation drucken. Geben Sie also Dokument direkt in Geben Sie also Dokument direkt die Runde ein und nennen Sie den Variablennamen hello Wenn ich diese Datei einstelle, können Sie das Ergebnis sehen. Hallo und ein M. In diesem Tutorial lernen wir eine neue Funktion der ES Six-Version kennen, nämlich den Template-Stream. Was ist der Vorteil der Verwendung von Template Stream? Das ist es für dieses Tutorial. Vielen Dank, dass Sie sich dieses Video In unserem kommenden Tutorial werden wir die Pfeilfunktion lernen. 4. Pfeilfunktionen-Tutorial: Hey, Leute, schön, dass ihr wieder da seid. Ich bin wieder mit einem weiteren Tutorial zum Thema fortgeschrittenes Java-Skript zurück. In diesem Tutorial lernen wir die Pfeilfunktion kennen. Diese Funktion wurde in JavaScript, Version 6, eingeführt. Es ist keine neue Funktion. Es ist die erweiterte Version der Erstellung einer Funktion. Sehen wir uns nun an, wie wir eine Funktion vor der Pfeilfunktion erstellen können . Zuerst müssen wir Funktion Q eingeben, dann müssen wir einen Funktionsnamen eingeben. Dann müssen wir rundes Gras nehmen und innerhalb der Kalibratoren können wir unseren Code weitergeben Wie Sie in unserem Konsultationsprotokoll sehen können, haben wir in einem Alter gemalt Dieser Code wird nicht von alleine ausgeführt. Bis wir die Funktion aufrufen und die Funktion aufrufen, müssen wir nur den Funktionsnamen übergeben. So etwas in der Art. Auf die gleiche Weise können wir eine solche Funktion erstellen. Zuerst deklarieren wir eine Variable spät in unserem Fall mit dem Namen function. Dann können wir innerhalb der Kalibrationen unseren Pol passieren. Das ist die alte Methode, mit der wir Funktionen erstellen können, und ich weiß, dass Sie damit bereits vertraut sind Diese Art von Funktion verwenden wir vor der Version E six. Aber nach der Version sechs führt Java Strip die Pfeilfunktion ein, und das wird die Syntax der Funktion reduzieren. Zuerst müssen wir eine Variable für die Funktion deklarieren. In unserem Fall Name. Dann müssen wir die Funktion QR nicht binden, um eine Pfeilfunktion zu erstellen, sondern nur, um Basen weiterzugeben. Dann müssen wir Arrowse verwenden, und um eine Pfeilsinus zu erzeugen, müssen wir z an Sinus und größer als Sinus übergeben Dann müssen wir Console Dot Law eingeben . Ich meine unseren Code. Jetzt können Sie sehen, dass unsere Funktion so kompakt geworden ist. Wegen der Pfeilfunktion. Wir konvertieren den gesamten Code in einer Zeile. Einfach weiter, um runde Klammern und Pfeilsinus zu verwenden. Um diese Funktion aufzurufen, folgen Sie einfach unserer alten Methode, nur um den Funktionsnamen und runde Klammern zu übergeben Wenn Sie jedoch mehrere Codezeilen haben, können Sie in diesem Fall auch Kelche verwenden. Diese Art von Pfeilfunktion ist sehr nützlich für Reas, Nods, andernfalls Alle modernen Javascrip-Frameworks folgen der Pfeilfunktion. Lassen Sie uns, ohne Ihre Zeit zu verschwenden, mit der Praxis beginnen und uns das Beispiel der Pfeilfunktionen ansehen Wie Sie sehen können, öffne ich Seite an Seite meine Pfeifen für Ihren Code oder meinen Browser mit der Lip Server-Erweiterung, und ich erstelle bereits ein STL-Dokument mit dem Indexpunkt STML Lassen Sie uns eine Pfeilfunktion erstellen. Um eine Pfeilfunktion zu erstellen , müssen wir zunächst eine Variable deklarieren. Spät, und unser variables Ich ist willkommen. Gleichbedeutend mit Ich setze die Runde Rennen und Willkommen ist unser Funktionsname. Ich möchte einen Parameter an unsere Funktion übergeben, als Parameter nehme ich den Namen, nehme ich den Namen, und dann müssen wir den Pfeiloperator verwenden, um die Pfeilfunktion zu erstellen. Entspricht größer als Sinus. Dann im Set die Besetzung Return, Return. Außerdem werde ich Back-Techs verwenden Wir haben bereits in unserem vorherigen Tutorial etwas über Backtechs gelernt in unserem vorherigen Ich möchte tippen, hallo und willkommen. Dann gebe ich das Dollarzeichen weiter. In den Fällen übergebe ich den Parameternamen und unterteile zwei in dieser Zeile Dies ist eine sehr einfache und grundlegende Pfeilfunktion. Jetzt möchte ich diese Pfeilfunktion aufrufen. Um diese Pfeilfunktion aufzurufen, gebe ich den Punkt des Dokuments direkt in das runde Kleid , das ich aufrufen werde. Willkommen. Dann müssen wir in der Runde SS das Argument bestehen. Als Argument wollen wir den Namen weitergeben. Also um einen Mang zu tippen. Und halb, um diese Zeile zu beenden. Wir müssen Advent Mang als D-Doppelcode übergeben , weil es eine Zeichenfolge ist Nach Schritt ist diese Datei, wie Sie in meinem Browser sehen können , Paint, hallo und willkommen bei one meg So können wir eine Pfeilfunktion erstellen. Zuerst müssen wir der Funktion einen Variablennamen zuweisen und dann innerhalb der Runde drücken. Wenn Sie einen Parameter übergeben möchten, ja, können Sie das tun, andernfalls können Sie ihn überspringen. Dann müssen Sie den Pfeiloperator verwenden , der größer als Sinus ist. Dann kannst du innerhalb der Klasse bestehen. Hier verwenden wir die Tempt String-Methode, um diese Zeichenfolge zu erstellen, und wenn ich den Typ dieser Variablen zurückgebe, wird sie die Funktion zurückgeben. Lass mich dir das beweisen Um die Konsole zu binden, melden Sie sich in der Runde an, wenn Sie einen Tippfehler machen Tippen Sie auf und geben Sie die Variable ms ein, willkommen. Und Semgal zwei in dieser Zeile. Wenn ich es speichere, wie du siehst, in meiner Kasse druckt es, es ist eine Funktion Jetzt werde ich die Größe dieser Pfeilfunktion reduzieren. Ich werde es einzeilig machen. Zuerst werde ich die C-Klammern entfernen. Und dann werde ich auch das Geschriebene entfernen. Ja, wir können geschriebenes Me entfernen, wenn wir einen Liner verwenden. Wenn wir in unserer Funktion nur einen Parameter verwenden, können wir in diesem Fall auch die runden Klammern reduzieren Wenn wir diese Datei setzen, wird, wie Sie sehen, dasselbe Ergebnis geschrieben. Es gibt keine Änderungen. Denken Sie daran, dass diese Technik nur funktioniert, wenn wir einen Liner verwenden. Das ist es für dieses Tutorial. Im nächsten Tutorial werden wir Rest-Operator lernen. Danke, dass du dir dieses Video angesehen hast, sag es dir. 5. Rest Operator-Tutorial: Hallo Leute, schön euch wieder zu sehen. Dies ist ein weiteres Tutorial zum Thema Adverse Java Strip. In diesem Tutorial lernen wir den Rest-Operator kennen. Der Rest-Operator wurde in der sechsten Version von Java Script eingeführt. Bevor wir den Rest-Operator verstehen, müssen wir die Funktion mit mehreren Argumenten verstehen Be-Rest-Operator wurde eingeführt um das Problem im Zusammenhang mit Argu zu lösen Lass mich dir das Problem zeigen. Nehmen wir an, wir erstellen einen Funktionsnamen und er dient dem numerischen V. Dann gebe ich diesen Wert in meiner Konsole aus. Immer wenn ich diese Funktion als Parameter aufrufe, müssen wir insgesamt zwei Werte übergeben. In unserem Fall 2030. Diese Funktion wird perfekt funktionieren. Aber was? Wenn wir insgesamt drei Parameter übergeben, andernfalls vier Parameter. Wenn wir mehr als zwei Werte übergeben, diese Funktion diese Berechnung nicht durch und gibt einen Fehler aus, da wir diese Funktion so erstellen, dass sie nur zwei Zahlen addiert. Vor sechs Versionen bietet Java Step bereits eine Lösung, bei der wir eine Funktion erstellen müssen. Dann müssen wir eine In-Funktion verwenden, bei der es sich um Argumente handelt, und wir müssen sie mit 44 als Argument verwenden. Diese Argumentfunktion wird ein Objekt erzeugen. Wenn wir insgesamt zwei Werte übergeben, wird mit der Verwendung von zwei Werten ein Objekt erzeugt, ähnlich für drei und ähnlich für vier Werte. Wie Sie wissen, müssen wir zum Drucken des Objekts eine Fremdschleife verwenden. Aber in unserem Fall möchte ich diesen Summenwert dieser vier Argumente zurückgeben. Dafür muss ich hier eine Variable deklarieren. Spätes S als Null. Wie Sie wissen, wird unser Fremdprotokoll für jeden Wert eines Argumentobjekts ausgeführt. Wenn wir drei Werte übergeben, wird dies dreimal ausgeführt. Dafür müssen wir jedes Mal einen neuen Wert zu einem bestimmten Wert hinzufügen . S plus, das den Argumenten entspricht und den quadratischen Prozess festlegt, müssen wir die Indexnummer dieses Objekts übergeben. Dann müssen wir endlich den Summenwert drucken. Ich weiß, dass Sie mit diesem Prozess bereits vertraut sind. Dies ist die ältere Methode, mit der wir das Ergebnis erzielen können. Diese Funktion wird perfekt funktionieren. Aber was? Wenn wir in unserem Argument einen Zeichenkettenwert übergeben, nehmen wir an, ich übergebe einen Zeichenkettenwert in unserem ersten Parameter. Aber unsere anderen beiden Werte sind Neweric v. Dieses Mal möchte ich diese beiden Werte hinzufügen, aber ich möchte unsere Zeichenfolge v belassen. Wie Sie wissen, können wir den Zeichenkettenwert nicht mit dem numerischen Wert summieren Auf die gleiche Weise, wenn wir mehrere andere Werte übergeben. In diesem Fall wird diese Funktion nicht richtig funktionieren, um diese Art von Problem zu lösen Sechs Versionen führen den Rest-Operator ein. Im Rest-Operator verschieben wir einen unbenutzten Wert in eine andere Variable, und den Restwert außer dieser haben wir in einer anderen Variablen gespeichert, und wir machen aus dieser Variablen ein Array, etwas Ähnliches. Hier können Sie sehen, dass wir in einer Funktion insgesamt zwei Parameter verwenden. Unser erster Parameter ist Name. Es wird den ersten Zeichenkettenwert in dieser Variablen speichern . Dann können Sie insgesamt drei Punkte sehen. Drei Punkte bedeuten Rest-Operator. Wie nehmen wir eine Variable, rs, und Sie können jede Variable nehmen. Es ist eine PU, rs bedeuten Argumente. Ich meine den Rest der Argumente, außer dem ersten. Außer dem ersten wird es den gesamten Wert in diesem Argument speichern, und dieses R wird zu einer Anzeige, und dieser Prozess wird Rest-Operator genannt. Jetzt müssen wir Foreign Lou nur für dieses Argument ausführen. Ich meine diese Armee, so etwas in der Art. Ich habe einen Treibstoff für spät in RNs bekommen. Es bedeutet alle Gegenstände in diesem Bereich. Wenn wir dieses Argument zusammenfassen wollen, müssen wir dem gleichen Prozess folgen. Zuerst müssen wir eine Variable deklarieren. Späte Summe, weise ihr Null zu. Dann Summe plus gleich RTS innerhalb des quadratischen Prozesses, wir müssen die Indexzahl übergeben. Als Nächstes können wir diesen Wert andernfalls in unserem Dokument drucken . Wenn wir den Namen verwenden wollen, ja, können wir. Wir können den Namen verwenden. Andernfalls können wir den Namen anders drucken. Mit dem Summenwert möchte ich den Namen eindrucken. Rufen Sie dazu das Protokoll in der runden Aussparung auf, wir können diese Variable verwenden. Also, jetzt verstehst du das Problem. Warum wir den Rest-Operator verwenden. ohne Ihre Zeit zu verschwenden, Lassen Sie uns, ohne Ihre Zeit zu verschwenden, mit dem Praktischen beginnen und es im Detail lernen Wie Sie nebeneinander sehen können, öffne ich meinen Visa Studio-Codeleser und meinen Browser mit der Live-Server-Erweiterung, und ich habe bereits eine Schätzung für den Dokumentnamen (Index Dot, ATML) erstellt eine Schätzung für den Dokumentnamen (Index Dot, ATML Zunächst werde ich innerhalb des Skript-Tags eine Funktion erstellen Dafür müssen wir Function Cured verwenden. Funktion, und unser Funktionsname ist sum. Dann runde Rennen. Dann drinnen im Krass. Im Moment lasse ich es leer. Dann möchte ich außerhalb des Schlachtkörpers diese Funktion aufrufen Ich möchte etwas tippen. Dann werde ich in den Rundenrennen insgesamt drei Arme überholen. Das sind alles numerische Werte, 20 und 40. Auch hier werde ich diese Zeile duplizieren, und dieses Mal werde ich insgesamt vier Argumente übergeben. Fi. Jetzt entscheide ich, dass ich einen Zeichenkettenwert als R übergeben möchte. Hier gebe ich einen Namen und einen Zeichenkettenwert ein, und der Zeichenkettenwert lautet Add One Mane Innerhalb des Doppelcodes werde ich add one g eingeben . Auf die gleiche Weise möchte ich hier einen Zeichenkettenwert hinzufügen, und hier werde ich einen Namen übergeben, und der Name ist Step Sm. Und ich werde diese Datei einrichten. Jetzt möchte ich das erste Argument in einer anderen Variablen und den Rest des Arguments in einer anderen Variablen speichern einer anderen Variablen und . Dafür müssen wir den Rest-Operator verwenden. Für den Namen werde ich eine Variable erstellen und die Variable ist Name. Dann müssen wir den Rest-Operator verwenden. Wie ich Ihnen gesagt habe, dass Sie den Rest-Operator verwenden sollen, müssen wir drei D verwenden. Ich meine den Rest-Operator , und für den Rest des Arguments nehme ich eine Variable, und die Variable ist total. Diese Namenspyramide wird das erste Argument speichern. Für die restlichen numerischen Argumente verwende ich die Gesamtvariable. Ist ein Array. Jetzt, in unserer Funktion, mit dem Namen des Schülers, möchte ich seine Gesamtzahl ausdrucken. Zuerst berechne ich die Summe. Um die Summe zu berechnen, müssen wir eine Variable deklarieren. Lege es, und unser Variablenname ist sum. Summe wie bei Null. Ich werde die Variable Limp mit Funktion verwechseln Variable Limp mit Deshalb werde ich A in Großbuchstaben verwenden. Späte Summe gleich Null. Dann werde ich Fog in Loop verwenden. Denn in der runden Blechbläserei bin ich total spät dran. Diese vier Tief werden insgesamt dreimal laufen, weil sie insgesamt drei Werte als Gesamtvariable überschreiten. Ähnlich wird es beim nächsten Mal viermal laufen, weil Herr den Gesamtwert von vier übergibt. Dann hat er die Vier gesetzt, ich werde den Summenwert erhöhen Also gebe ich Summe plus gleich Summe ein, setze das Quadrat, die Auflösung und das Siegel auf diese Zeile Es wird die Summe zurückgegeben, und jetzt möchte ich den Namen des Schülers zusammen mit der Summe drucken. Für den Papierpunkt vom Typ Hämo direkt in der runden Aussparung verwende ich schwarzen Tee Hier verwende ich die String-Methode. Dann gebe ich in den hinteren Tees die Summe des Dollarzeichens Crass ein, ich gebe den Namen des Studenten N. Ich nenne den Namen variabel. E ist. Auch hier verwende ich das Dollarzeichen, und innerhalb der Cali rasas nenne ich diesmal die Summe, das heißt S, und Segal zwei in Hier übergeben wir den Namen , der als Argument übergeben wird. Wenn ich nun diese Datei einstelle, wie Sie in meinem Browser sehen können, ist sie im Ergebnis enthalten. Aber hier müssen wir ein BA-Tag verwenden. Ich werde das Verkettungszeichen verwenden und innerhalb des Doppelgängers verwende ich das BA-Tag Wenn ich diese Datei erneut einstelle, können Sie das Ergebnis sehen. Die Summe der Anzeige M ist 90, und die Gesamtzahl der Schritte Smith ist 140. , wenn Sie in dieser Funktion ein weiteres Zeichenkettenargument übergeben Ja, wenn Sie in dieser Funktion ein weiteres Zeichenkettenargument übergeben möchten. Sie können mehrere Argumente übergeben. Es ist eine PU. Hm, um Koma und zwischen Ham zu benutzen , um ihren College-Namen weiterzugeben. Av ist von AIT und Smith ist Pro IT Jetzt müssen wir beide Argumente in einer anderen Variablen speichern in einer anderen Variablen Für Advan Mang werde ich es in einer Namensvariablen speichern, und für MIT werde ich es in einer College-Variablen speichern D. Ich beschließe, dass ich ihren College-Namen mit der Summe drucken möchte Ihr Typ, die Summe von Advang, ist nach dem Drucken der Hal Schriftraum von wieder, ich werde Dollar-Stil im Cali-College verwenden Wenn ich diese Datei einstelle, können Sie das Ergebnis sehen. Die Gesamtzahl der ersten Anzeige beträgt 19 von MI. Jetzt ist für Sie klar, wofür der Rest-Operator verwendet wird und wie er funktioniert. Nun stellt sich die Frage, ob Wasser im Ruhebetrieb Materie ist ? Ja, es ist Materie. Wenn wir das Wasser des Rest-Operators ändern , lass es mich dir zeigen, also schneide ich ab und verwende den Rest-Operator als ersten Parameter. Wenn ich diese Datei einstelle, werde ich, wie Sie in meiner Konsole sehen können, eine O, Uncut-Syntax schreiben Der Rest-Parameter muss der letzte formale Parameter sein. Wir können den Rest-Operator nicht an der Startposition verwenden. Ich muss ihn an die letzte Position des Parameters setzen. Dann muss es perfekt funktionieren. Sonst wird es nicht funktionieren. Das ist es also für dieses Tutorial. Im nächsten Tutorial werden wir den Sprühbediener lernen. Vielen Dank, dass Sie sich dieses Video haben. Seien Sie gespannt auf das nächste Tutorial. 6. Spread Operator-Tutorial: Hallo Leute. Schön , dich wieder zu sehen. Ich bin wieder mit einem neuen Tutorial Thema Java-Schlaf für Fortgeschrittene zurück. In dieser Studie werden wir den Spread-Operator lernen. In unseren vorherigen Tutorials haben wir uns mit dem Rest-Operator befasst. Dieses Thema ist dem Rest-Operator ziemlich ähnlich. In diesem Beispiel erfahren wir, wie wir damit einen Zeichenkettenwert senden können. Außerdem können wir einen numerischen Wert festlegen und eine Berechnung durchführen. Im Rest-Operator übergeben wir mehrere numerische Werte. Der Rest-Operator konvertiert diesen Wert grundsätzlich in ein Array. Nun, diese Situation ist anders. Jetzt übergeben wir den numerischen Wert nicht als Argument. Wir haben es in einem Array gespeichert, und jetzt entscheide ich, dass ich dieses Array als Argument übergeben möchte . Nicht die Zahlen, so etwas in der Art. Zuerst möchte ich den Zeichenkettenwert übergeben, dann möchte ich das Array übergeben. Aber wenn ich diesen numerischen Wert als Array sende, dann werden diese Rs in unserem Fall die Berechnung nicht durchführen, weil der Rest-Operator immer erwartet, dass wir mehrere Argumente übergeben werden. Aber wir übergeben ein R. und es heißt einzelnes Argument. Ein Varier. Aber es ist ein Story-Array-Wert Jetzt gehen wir davon aus , dass der gesamte Wert ein einziger Wert ist. Um dieses Problem zu lösen, führt Javascript den Spray-Operator ein. Nun, wie es ist, wenn wir die Funktion aufrufen und einen Array-Wert als Argument übergeben, müssen wir drei Sinus vor dem Array-Namen verwenden. In unserem Fall machen Sie Array. Im Grunde wird dieser Spread-Operator dieses Array sprühen. Und dann wird der gesamte Wert als Argument übergeben. Dann behandelt unser Rest-Operator alle Argumente und konvertiert sie erneut in ein Array Dies ist die grundlegende Verwendung von Spray Operator. Im Grunde verteilt es das Array und wandelt den Array-Wert in ein Vielfaches um. Nur eine Sache, an die du dich erinnern musst. Immer wenn wir eine Funktion aufrufen und einen Array-Wert übergeben und vor dem Rave drei Sinus verwenden, nennen wir das Spray-Operator Der Spray-Operator wird nur verwendet, wenn wir die Funktion aufrufen, und der Rest-Operator wird nur verwendet , wenn wir die Funktion erstellen Das ist der grundlegende Unterschied zwischen dem Operator „ Rest“ und dem „ Sprühoperator“, und der Sprühoperator wird häufig verwendet. Wir werden es in einer praktischen Sitzung lernen. Lassen Sie uns mit dem Praktischen beginnen, ohne Ihre Zeit zu verschwenden. Wie Sie sehen können, öffne ich Seite an Seite meinen Visual Studio-Code-Editor und meinen Browser mit der Life Server-Erweiterung und öffne mein vorheriges stabiles Dokument In unserem vorherigen Tutorial lernen wir den Rest-Operator Wie Sie sehen, müssen wir bei jedem Aufruf der Funktion mehrere numerische Argumente übergeben, müssen wir bei jedem Aufruf der Funktion mehrere numerische Argumente übergeben um den Summenwert zu berechnen. Jetzt entscheide ich, dass ich den numerischen Wert in einem Bereich beginnen möchte. Dafür werde ich eine Variable erstellen. Spät und unsere Variable m ist Zahl. ein neues m gleich dem Wert innerhalb des quadratischen Prozesses ist, übergebe ich den Wert. Einige schneiden den Wert aus und ich werde ihn hier einfügen. Jetzt wird aus der Zahlenvariable ein Array. Jetzt entscheide ich, dass ich dieses Array als Argument senden möchte. Manche geben die Variable Lime ein. Jetzt, und ich werde diese Datei einrichten. Nach Schritt funktioniert diese Datei, wie Sie in meinem Browser sehen können , nicht Es druckt das genaue Array als Zeichenfolge. Es führt keine Berechnung durch. Jetzt verwende ich den Spread-Operator, um den Bildschirm zu verteilen und als Argument zu senden Dafür müssen wir, wie ich Ihnen schon sagte, den Punkt vor der Variablen me verwenden Wenn ich diese Datei verschiebe, kannst du dir dieses Mal die Gesamtzahl der Adv Mines 90 vom MIT ansehen Jetzt funktioniert es perfekt. Dies ist eine der besten Anwendungen des staatlichen Betreibers. Lassen Sie mich Ihnen ein weiteres Beispiel mit Konsole zeigen. Dafür werde ich diese ganze Zeile auskommentieren. Außerdem werde ich diesen entfernen. Jetzt möchte ich dieses Array in meiner Konsole drucken. Also gebe ich Console Dot Log in den runden Prozess ein, oder die Variable m ist nummeriert, und Semicon zwei in diese Zeile Nach Schritt 1 ist diese Datei, wie Sie in meiner Konsole sehen können, ein Array, und sie hat insgesamt drei, also insgesamt drei v. 20, 30 und 40. Aber wenn ich den Spread-Operator verwende und dann diese Datei einstelle. Jetzt können Sie sehen, dass es kein Array mehr ist. Das sind alles unterschiedliche Werte. Aber wenn ich die quadratische Basis außerhalb der Variablen verwende und dann diese Datei erneut setze. Jetzt können Sie wieder sehen, dass daraus ein N wird. Lassen Sie mich Ihnen ein anderes Beispiel zeigen. Jetzt ist das Nummer eins. Die Variable Nummer eins ist ein Array. Dann möchte ich an dieser Zeile auswählen, und das ist Nummer zwei, und Nummer zwei ist die Variable Nummer eins, Nummer eins. Wenn ich Nummer zwei in meiner Konsole male und dieses Set, ist diese Datei, wie Sie sehen können, das Array Im Grunde klone ich Nummer eins und speichere Nummer zwei variabel. Jetzt möchte ich unserem Array einen weiteren Wert hinzufügen , also Nummer eins. Ich werde die Funktion num one p eingeben. Drücke in die Runde SS, ich werde 50 bestehen. Und sehe zwei in dieser Zeile. Nachdem Sie diese Datei, wie Sie sehen können, in unserer Konsole gesetzt haben, addiert sie 50 zu unserer Zahl zur Variablen Weil die Zahl zwei der Variablen clo up num eins ist. Jetzt, in Nummer zwei, werde ich die Array-Werte verteilen. Hier werde ich drei D verwenden. Außerdem werde ich es in ein Quadrat ss verschieben. Und ich werde diese Datei einrichten. Dieses Mal können Sie sehen, dass es nicht 50 bei der zweiten Variablen verschiebt. Nachdem Sie den Spray-Operator verwendet haben, wird beim ersten Mal eine Kopie erstellt, aber das ist nicht die Variable Nummer eins. Aus diesem Grund verschiebt 50 diesen Fehler dieses Mal nicht auf Nummer eins Außerdem können wir mit dem Sprühgerät konkrete Fehler machen Lassen Sie mich das Beispiel zeigen. Zuerst werde ich diese Zeile entfernen und daraus Nummer zwei machen, eine weitere Zeile. W wird 50, 6078 einlagern. Das wird insgesamt vier A speichern, und das wird insgesamt drei W speichern. Jetzt werde ich eine weitere Variable erstellen Lege es, und unsere Variable m ist Nummer drei. Zahl drei, entspricht dem quadratischen Verfahren, hier verwende ich den Spate-Operator Ich möchte beide Ars verketten. Verwenden Sie den Sp-Operator. Geben Sie also Punkt Punkt Punkt Nummer eins ein. C, ich möchte mit Nummer zwei verketten, also tippe Punkt Nummer zwei. also tippe Punkt Und summiere zwei in dieser Zeile. Wenn ich Nummer drei in unserer Konsole ausdrucke und dann diese Datei einstelle, wie Sie in meiner Konsole sehen können, wird unser Array erfolgreich verkettet Hier müssen wir die Funktion concatenate nicht verwenden, um Funktion concatenate Wir können mit dem Spray Operator verketten. Nicht nur das, wenn Sie diesem Array mehr Wert hinzufügen möchten , ja, Sie müssen nur Koma verwenden und vor dem Koma müssen Sie das V übergeben. Ich möchte dieses Array mit 100 beginnen und dieses Array mit einer Zeichenfolge. Ich habe die Doppelkerne so eingestellt, dass sie bei eins durchgehen. Und ich werde diese Datei einrichten. Nach Schritt dieser Datei können Sie das sehen. So können wir den Spread-Operator für die Verkettung verwenden. Nicht nur das, der Spread-Operator funktioniert auch mit Objekten. Lass es mich dir zeigen. Ich werde das alles kommentieren. Hier werde ich ein Objekt erstellen. Unser erster Objektname ist OBJ, 01, 01, was dem Einstellen der Kalibrierungen entspricht Hier müssen wir den Key Value Player verwenden. Unser Schlüssel ist der Name. Nennen Sie Colon Colon bei einem Mg. Füge ein Mega hinzu. Dann werde ich unser zweites Objekt erstellen. Ich werde dieses Objekt erstellen, und der zweite Objektname von O ist OG zwei, und hier werde ich ein anderes k verwenden, das H 23 ist, und so in dieser Zeile. Ich werde diese Datei einrichten. Jetzt werde ich diese beiden Objekte mit dem Sp-Operator verknüpfen. Ich werde eine weitere Variante erstellen, dass OBJ drei, OG drei gleich dem Einsetzen des CIS ist und hier werde ich den Spray-Operator verwenden, um zu marschieren OBJ OBJ eins, und ich möchte darin mit OG zwei in Kontakt treten. Auch hier gehe ich zum Sprayoperator, OBJ zwei. Und Semco in dieser Linie. Nun, wenn ich O V 3 in meiner Konsole ausdrucke, lass es mich dir zeigen und dann diese Datei einrichten, wie du in meiner Konsole sehen kannst Jetzt erzeugen diese beiden Objekte ein Fingle-Objekt In unserem dritten Objekt haben wir Eigentum und. So können wir den Sprühoperator verwenden. Ich hoffe, jetzt ist Ihnen klar, wofür der Sprühoperator verwendet wird. Danke, dass du dir dieses Video angesehen hast, freue mich auf das nächste Tutorial. 7. Objektliterale-Tutorial: Hallo Leute, schön, dass ihr wieder da seid. Ich bin wieder mit einem weiteren Tutorial-bezogenen Java-Bildschirm für Fortgeschrittene zurück. In diesem Tutorial werden wir Objektliterale lernen. Wenn Sie mit grundlegendem Java-Skript vertraut sind, haben Sie bereits Kenntnisse über Objekte Jetzt führt Java-Skript in sechs Versionen einige Abkürzungen ein , mit denen wir unsere Objekte verbessern können. Im Grunde geht es darum, die Objektsyntax in sechs Versionen zu reduzieren. Im Grunde werde ich Ihnen insgesamt fünf und vier Beispiele geben , wie wir Objekte in sechs Versionen verwenden können. Lassen Sie mich Ihnen das erste Beispiel zeigen. Nehmen wir an, wir haben einen Variablennamen und diese Variable speichert eine Zeichenfolge v in unserem Add One Mg, und jetzt werde ich diese Variable in unserem Objekt verwenden . Als Wert. Hier erstelle ich ein Objekt und innerhalb der Klasse nehme ich eine Eigenschaft, die Name ist, und als Wert nenne ich die Namensvariable. Dies ist die ältere Methode , um ein Objekt zu erstellen. Jetzt lautet die Abkürzung Wenn Ihr Variablenname und Ihr Eigenschaftsname identisch sind, müssen Sie einfach nur ein Objekt erstellen und nur einmal müssen Sie den Eigenschaftsnamen verwenden. In unserem Fall Name. Hier verwende ich einmal den Eigenschaftsnamen , weil unser Eigenschafts - und Wertname identisch ist. Lassen Sie mich Ihnen in der Praxis zeigen wie wir es tatsächlich in der Lüge verwenden können. Wie Sie sehen können, öffne ich Seite an Seite meinen User Studio-Code-Editor und meinen Browser mit der Light Server-Erweiterung und habe bereits einen stabilen Indexpunkt für den Dokumentnamen erstellt Indexpunkt für den Dokumentnamen Zuerst werde ich zwei Variablen erstellen. Spät, und unser Variablenname ist Name. Name Assign, und ich übergebe eine Zeichenfolge , also füge ein Mm hinzu. Also werden wir diese Zeile beenden. Dann nehme ich eine weitere Variable und unser Variablenname ist natürlich. Kurs entspricht B A. Bedeutet Bachelor of R, und jetzt werde ich ein Objekt mit diesen beiden Variablen erstellen . Dafür gebe ich ein, dass unser Objektname B ist. Ordne innerhalb der Kalibranzen unseren ersten Eigenschaftsnamen zu. Doppelpunkt und es weist eine Namensvariable zu. Danach ist unsere zweite Eigenschaft cos, cos, und für value ich eine Variable zu. Jetzt werde ich dieses Objekt in meine Konsole bringen , also gib console ein. Loggen Sie sich innerhalb der Runden ein, ich übergebe den Objektnamen B j und subg zwei in dieser Zeile Nach Schritt 2 dieser Datei, wie Sie sehen können, gibt meine Konsole den Namen und den Kurs Jetzt werde ich die Abkürzung verwenden. Das ist in der sechsten Version von Java Set A eingeführt. Wie ich Ihnen bereits sagte, können wir nur den Eigenschaftsnamen übergeben, wenn ihr Eigenschaftsname und ihr Wertname identisch sind. In ähnlicher Weise werde ich diesen Wert aus Kursen verwenden. Nach Schritt dieser Datei, wie Sie auf meiner Konsole sehen können, gibt es keine Änderungen. Es funktioniert perfekt. Hinter den Kulissen wird es eine Namenseigenschaft erstellen und der Namensvariablen auch v zuweisen . Dies ist das erste Beispiel für Objektliterale Jetzt zeige ich Ihnen ein weiteres Beispiel , das sich auf Objektliterale bezieht Aber zuerst werde ich diesen ganzen Abschnitt auskommentieren und dann werde ich einige neue Codes schreiben Für das nächste Beispiel werde ich zuerst eine Variable erstellen. Legen Sie sie ein, und Ihr Variablenname ist eine Zeichenfolge mit doppeltem Ja und der Name der Zeichenfolge Satz zwei in dieser Zeile. Dann werde ich ein Objekt erstellen, und unser Objektname ist OBJ OB ist das der Fall, in dem ich eine Eigenschaft mit dieser Variablen erstellen soll Ich meine Name. werde ich diese Zeichenfolge nicht eingeben. Hier werde ich die Variable aufrufen. Um es zu verwenden, müssen wir das Quadrat *** verwenden. Isa square ss, ich übergebe den Variablennamen , der K ist. Außerdem werde ich einen Wert zuweisen. Ich werde Doppelpunkt verwenden. Dickdarm. Nach dem Doppelpunkt gebe ich ein, oder der Wert steht bei einem M. Koma, außerdem nehme ich eine andere Eigenschaft und einen anderen Wert. Unsere nächste Immobilie ist natürlich. Doppelpunkt befindet sich im Doppelkurs, und unser Kursname ist B A. Diese Funktion wurde in der Version ES 6 eingeführt. Vor der Version E six können wir das nicht tun. Nach dem Einstellen dieser Datei ist es, wie Sie auf meiner Konsole sehen können, sicherlich das gleiche Ergebnis. Nicht nur das, Sie können mit dieser Eigenschaft auch arithmetische Berechnungen durchführen mit dieser Eigenschaft auch arithmetische Berechnungen Angenommen, ich möchte jetzt den Eigenschaftsnamen ändern. Ich möchte ihn als Studentennamen festlegen. Dafür können wir das Zitationszeichen verwenden. Lass es mich dir zeigen Hier möchte ich das Ctation-Zeichen vor dem Variablennamen verwenden vor dem Variablennamen In den Doppelcodes werde ich als Student bestehen Wenn ich diese Datei einstelle, wie Sie in meiner Konsole sehen können, es jetzt Name des Schülers drucken. Wir führen erfolgreich eine arithmetische Berechnung mit unserem Eigenschaftsnamen durch Dies ist erst nach der Version möglich. Nun, auch wenn Sie nur das Eigentum mit Studentennamen haben möchten , können Sie das tun. muss nur den OBJ-Punkt von hier aus übergeben, ich entferne die Leerzeichen Summe Typ Student, Name. Wenn ich diese Datei einstelle, können Sie das Ergebnis sehen. Wie Sie auf meiner Konsole sehen können, drucken Sie direkt add one M. Dies ist das zweite Beispiel für Objekt-Liter. Jetzt zeige ich Ihnen das dritte Beispiel für Objekt-Liter. Aber vorher kommentiere ich diesen Abschnitt und dann werde ich dieselbe Kopie aus meinem anderen Abschnitt zur Seite stellen. Hier, nach dem Koma, werde ich eine Funktion erstellen. Definieren Sie eine Funktion, ich werde einen Eigenschaftsnamen verwenden, und unser Eigenschaftsname ist Detail. Doppelpunkt im Detail, dann Aram, um eine Funktion zu erstellen. Dafür verwenden wir das Schlüsselwort function. Funktion rund ss, dann gebe ich innerhalb der Ciss einfach einen Zeichenkettenwert zurück Return, dann verwende ich Bats, weil wir die T-String-Methode verwenden werden, und Aramao tippe den registrierten Namen Er hat sich angemeldet, dann werde ich das Dollarzeichen verwenden. Dann werde ich im CSS den Kursnamen weitergeben Also um diese Variable aufzurufen. C. Wie Sie sehen können, stammen diese Kerne sehr wohl aus der Objekteigenschaft, nicht aus einer anderen bestimmten Variablen. Dafür müssen wir dieses Schlüsselwort verwenden, weil wir diese Funktion innerhalb dieses bestimmten Objekts erstellen . Also, um diesen Punkt cos einzugeben. Und wenn ich nach Objektpunktdetails drucke, muss ich auch runde Klammern verwenden Und sie haben diese Datei eingestellt. Jetzt können Sie sehen, wie es gedruckt wird, Stange in B. Dies ist die ältere Methode, mit der wir Funktionen in Objekten erzeugen können . In einer Version mit sechs Versionen können wir die Funktion reduzieren. Wir können die Funktionstaste entfernen. Außerdem brauchen wir diesen Doppelpunkt nicht . Wir können ihn auch entfernen. Wenn ich diese Datei einstelle, wie Sie in meinem Csol sehen können, gibt es keine Änderungen Das ist es für dieses Tutorial. Im nächsten Tutorial werden wir etwas über dieses Strukturierungsarray lernen. Danke, dass du dir dieses Video angesehen hast, sag es dir. 8. Destrukturierungs-Array-Tutorial: Hey, Leute, schön, dass ihr wieder da seid. Ich bin wieder zurück mit einem neuen Tutorial zum Thema unerwünschtes Java-Skript. In diesem Vortrag werden wir dieses Strukturierungsarray lernen. Dieses Strukturierungsarray wurde in Java-Skript, Version 6, eingeführt . Bei einer Version von sechs müssen wir manchmal den Wert ra in verschiedenen Variablen zuweisen , und das ist ein sehr langwieriger Prozess. Lass mich dir zeigen, wie. Nehmen wir an, wir haben eine Variable m user, und in dieser Variablen prod zwei Werte ein Array, name und H. Jetzt möchte ich beiden den Wert in einer anderen Variablen zuweisen Dazu müssen wir unserem Fallnamen eine Variable zuweisen und dann das Array aufrufen Innerhalb der quadratischen Aussparung müssen wir die Indexnummer des Arrays übergeben. Als Namen übergebe ich Null. In ähnlicher Weise müssen wir für H eins bestehen. Wie Sie wissen, beginnt unser Array mit einem Index von Null. Aber was? Wenn wir mehrere Werte in unserem Array haben, nehmen wir an, wir haben 100 Werte in diesem Array. Dann müssen wir mehrere Zeilen eingeben, um damit umzugehen. Um diesen Aufwand zu reduzieren, führt Java-Skript die Destrukturierung von Arrays ein Jetzt können wir den Wert in unserer Variablen so zuweisen. Hier müssen wir keine Indexnummer übergeben, wir müssen den Variablennamen übergeben. Dann müssen wir es dem Array zuweisen. In unserem Fall Benutzer. Dann wird es automatisch, entsprechend der Seriennummer der Variablen, der Seriennummer der Variablen, dieser Variablen den Wert zuweisen. Nehmen wir an, dieser erste Wert wird der ersten Variablen zugewiesen . In ähnlicher Weise wird der zweite Wert der zweiten Variablen zugewiesen. Wir müssen dafür also nicht mehrere Codezeilen eingeben. Lassen Sie uns, ohne Ihre Zeit zu verschwenden, mit dem Praktischen beginnen und sehen, wie wir es nutzen können Wie Sie sehen können, öffne ich Seite an Seite meinen Visual Studio-Code und meinen Browser mit der Live Server-Erweiterung, und ich habe bereits ein STL-Dokument mit Indexpunkt in HTML erstellt STL-Dokument mit Indexpunkt in HTML Also werde ich zuerst eine AR erstellen. W wird insgesamt drei Werte speichern? Geben Sie also Late ein und unser Nm ist Benutzer. Wenn Benutzer AN das Quadrat ss einfügt, müssen wir insgesamt drei Werte für unser R übergeben . Unser erster Wert ist Benutzername, also addiere ein MM. Und unser zweiter Wert ist H, der 25 ist, und unser dritter Wert ist City, und er ist von il Sug dann, um diese Zeile zu beenden. Jetzt werde ich diese Strukturierungsmethode verwenden, um den Array-Wert einer Variablen zuzuweisen Dafür müssen wir spät eingeben, dann unser Array. Ich werde den Variablennamen angeben. Die erste Variable ist der Name. O zweite Variable ist H, und unsere dritte Variable ist Einstellung. Und dieses Array als Benutzer und Smog in dieser Zeile Jetzt möchte ich den Namen und einen C-Wert in unserer Konsole drucken . Ja, das können wir. Um innerhalb der Runde Console Dot Log einzugeben , drücken Sie unsere erste Variable me is, Name. Dann Semicon zwei in dieser Zeile. Dann werde ich diese Zeile replizieren, insgesamt zwei. Unser zweiter Wertname ist H, und unser dritter Wertname ist C. Wenn ich diese Datei so setze, wie ihr meine Konsole seht, Namen H und City ausgegeben Aber was? Wenn ich einen Wert von diesem Tag entferne, nehme ich an, ich werde den City-Wert Del entfernen . Und dann habe ich diese Datei eingestellt. In unserem Fall wird es undefiniert bleiben. Auf die gleiche Weise, wenn ich den zweiten Wert entferne, was dann? Ich werde den Alterswert 25 entfernen und diese Datei einrichten. Nachdem Sie diese Datei eingestellt haben, wird sie, wie Sie sehen können, auch undefiniert gedruckt Nicht nur das, wenn wir einen beliebigen Difat-Wert auf genau diesen Wert setzen wollen , ja, das können Sie Nehmen wir an, unser Mindestalter liegt bei 20 Jahren, um 20 zu bestehen, und ich werde 25 davon streichen Wenn ich diese Datei eingestellt habe, können Sie jetzt in meiner Konsole sehen, dass H 20 ist. Aber wenn ich 25 in unserem Array übergebe und dann diese Datei setze, werde ich jetzt 25. So können wir unterschiedliche Werte verwenden. Denken Sie daran, dass dieser Prozess nicht nur mit einfachen Arrays funktioniert. Es funktioniert auch mit verschachteltem Y. Lassen Sie uns in dieser Variablen ein verschachteltes Array erstellen Nach dem Namen der Stadt verwende ich Koma und wieder quadratische Basen Innerhalb der quadratischen Grundlinien nehme ich Geschlecht Geschlecht männlich. Damit nehme ich auch Celery 1$. Auf die gleiche Weise, wenn Sie es in einer Variablen speichern möchten, in diesem Fall Procoma, müssen Sie wiederum das Quadrat ses verwenden, und die erste Variable m ist Z. Und die zweite Variable m ist s. Wenn Sie es in Ihrer Konsole drucken möchten, müssen Sie nur hier den Variablennamen übergeben Angenommen, ich möchte diesen Sellerie drucken. Ich möchte den Variablennamen übergeben. Nachdem Sie diese Datei eingerichtet haben, ist sie, wie Sie in einer Konsole sehen können , print 1.000. Dieses Strukturierungsarray ist eine ganz besondere Funktion in Javas Nicht nur das, Sie können damit auch den Rest-Operator verwenden. Lassen Sie mich Ihnen zeigen, wie Sie diese Zeile duplizieren und die vorherige auskommentieren können. Ich werde H, Stadt und Ender-Gehalt entfernen , und dann soll er den Punkt g für das Abfallunternehmen verwenden . Dann möchte ich g in meiner Konsole drucken. Ich werde diese Zeile auskommentieren und m console dot log gs eingeben. Und kommentiere auch diese vorherige Zeile aus. Sind Schritt diese Datei, wie Sie sehen können, jetzt ist es print, der Rest der Array-Werte, H CT und noch ein Array. Wenn ich dieses Array öffne, kannst du Endl und Sellerie sehen. Jetzt zeige ich Ihnen, wie wir das Destrukturierungsarray mit Funktion verwenden können Destrukturierungsarray mit Funktion verwenden Aber vorher werde ich diese ganze Zeile auskommentieren. Also werde ich zuerst eine Funktion erstellen. Funktion und unser Funktionsname ist user. Dann wird diese Funktion innerhalb der Resis-Runde ein Array als Argument verwenden Dann gebe ich statt der quadratischen Resis den Namen He und Star weiter Dann werde ich innerhalb der Kalorwerte den Wert in meinem Dokument ausdrucken Ich gebe das Dokument Punkt direkt in das Feld run ss ein, ich gebe den Namen Nein ein, ich verwende die Template-String-Methode Ich werde kein Gemeindeschild verwenden. Nimmt der Rücken. Dollar im Kaliber. Name Damit möchte ich auch das Alter drucken. Dollar im Kalibratenalter. Damit will ich auch Sellerie drucken. Dollar, in den Sellerie der Klasse, und zwei Stück in dieser Zeile Mit dieser Strukturierungsmethode können wir das Array als Argument übergeben Lass mich dir zeigen, wie. Sie müssen nur die Benutzerfunktion aufrufen. Benutzer. Außerdem müssen wir die Werte übergeben, wenn das Quadrat Sis ist. Als Namen gebe ich eins hinzufügen bedeutet eins hinzufügen ein. Für H werde ich mehr als 25 und für das Gehalt auch 1.000 und Semar zwei in dieser Zeile Wenn ich diese Datei einstelle, wie Sie an meinen Augenbrauen sehen können , p auf 1:25 Dies ist die einzige Methode, mit der wir dieses Strukturierungsarray verwenden können Aber was? Wenn ich den Parameter entferne, lass es mich dir zeigen. Ich soll diesen Parameter entfernen. Ich werde keinen Parameter verkaufen. Ich werde diese Zeile kommentieren und kein QR schreiben. Rückkehr. Eine Rückkehr, ich werde diese Werte direkt an diese Funktion übergeben. Ich werde diesen Teil ausschneiden und ihn hier einfügen und diese Zeile subtrahieren Unsere Benutzerfunktion wird im Grunde diese Werte ändern. Jetzt ist die Frage in unserer Funktion, wir übergeben keinen Parameter. Wir können kein Argument an diese Funktion senden. Wie können wir dann diesen Wert in einer Namensvariablen zuweisen ? Ja, das können wir. Lass mich dir zeigen, wie das geht. Hier, ich binde spät im Quadrat, ich nehme den Variablennamen. Oder die erste Variable ist Name, oder die zweite Variable ist H. Die dritte Variable ist Sellerie, und ich werde diesem Array eine Benutzerfunktion zuweisen. Benutzer. Das ist es. Nun, wenn ich dieses R drucken möchte, ohne die Funktion aufzurufen, können wir das, denn hier weisen wir die Funktion dieser Variablen zu. Ich tippe Dokument Punkt direkt in die runde Aussparung, ich möchte den Namen drucken, und Segra, um diese Zeile zu beenden Wenn ich diese Datei einstelle, wie Sie in meinem Browser sehen können, druckt sie einfach den Namen aus und fügt einen hinzu So können wir ein destrukturierendes Array mit Funktionen verwenden. Danke, dass du dir dieses Video angesehen hast, Sune für 9. Destrukturierung von Objekten in Javascript: Adar, hallo Leute, schön, dass ihr wieder da seid. Ich bin wieder mit einem weiteren Tutorial fortgeschrittenem Java zurück. In diesem Tutorial werden wir dieses Strukturierungsobjekt lernen. In unserem vorherigen Tutorial werden wir etwas über dieses Strukturierungsarray erfahren. Außerdem lernen wir, wie wir Array-Werte in verschiedenen Variablen speichern können . Auf die gleiche Weise funktioniert dieses strukturierende Objekt. Wie Sie sagen können, erstellen wir ein Objekt, und in diesem Objekt haben wir insgesamt zwei Eigenschaften und zwei Werte, Na und Alter. Jetzt möchte ich diesen Wert in einer Variablen setzen. Ähnlich wie bei A können wir auch diesem Variabel eine Variable zuweisen . So etwas in der Art. Mit dieser Methode können wir dieses Objekt destrukturieren. Zuerst müssen Sie spät tippen. Dann müssen Sie im Auto SS den Variablennamen übergeben. Denken Sie daran, dass unser Variablenname mit dem Eigenschaftsnamen übereinstimmen sollte. Dann müssen wir diese Variable diesem Objekt zuweisen. Dann wird es dieser Namensvariablen den Namenswert und dieser ge-Variablen den Wert e zuweisen . Lassen Sie uns praktisch anfangen, ohne Ihre Zeit auszuruhen. Wie Sie sehen können, öffne ich Seite an Seite meinen Result Studio-Code-Editor und meinen Browser mit der Live-Server-Erweiterung, und ich habe bereits einen Estim-Dokumentnamen mit einem Indexpunkt t erstellt . Außerdem können Sie in unserem Skript-Tag sehen, wir bereits ein Objekt erstellen, Late User In diesem Objekt haben wir insgesamt drei Eigenschaften und Werte: Name, H und Land Jetzt beginne ich diesen Wert in einer Variablen. Dafür verwende ich die Destrukturierungsmethode, Soundtyp late und innerhalb der Farbe ss, unsere erste Variable ms-Name, und unsere zweite Variable m ist H und unsere dritte Variable m ist country Dann weise ich ihr ein Objekt zu, und unser Objektname ist user, und Segal zwei in dieser Zeile Jetzt möchte ich diese Variable in meinem Browser drucken. Hier gebe ich den Dokumentpunkt direkt in die runde Aussparung übergebe den Variablennamen, nämlich cot. Und sg, um diese Zeile zu beenden. Wenn ich diese Datei einstelle, wie Sie in meinem Browser sehen können, wird der Name des Landes, also Indien , Aber wenn ich diese Variable country entferne und dann diese Datei festlege, gibt sie jetzt einen Pfeil zurück Aber wenn Sie sich erinnern, wenn Sie die Strukturierungsmethode mit A verwenden, steht dort kein Pfeil geschrieben. Da ist sN undefiniert. Aber bei Objekten wird das einen Fehler zurückgeben. Wenn wir keinen Variablennamen zuweisen und die Variable verwenden, wird ein Fehler zurückgegeben. Nicht nur das, wir können auch als Namen für diese Variable verwenden. Lass mich dir zeigen, wie. Nehmen wir an, ich möchte eine Kurzform verwenden, die n ist. Dafür müssen wir einen Doppelpunkt verwenden und ich werde n für den Namen verwenden. Wenn wir den Namen dieses Objekts ausgeben möchten, können wir den Namen der Ai verwenden. Hier tippe ich das Mend rechts . Wenn ich diese Datei einstelle, kannst du das Ergebnis sehen. Außerdem steht es print und ein M hier n für die Namensvariable. Das ist es für dieses Tutorial. Danke, dass du dir dieses Video angesehen hast . Bereite dich auf das nächste Tutorial vor. Ich hoffe du 10. Intro Oop: Dies ist die Einführung der objektorientierten Programmierung in JavaScript. Es war als Op bekannt, Op steht für objektorientierte Programmierung und wurde in der Version E six von JavaScript eingeführt. Objektorientierte Programmierung ist eine Codierungsmethodik, ein Stil oder ein Muster Es wird eingeführt, um unsere große Codezeile in eine kleinere Codezeile umzuwandeln unsere große Codezeile in eine kleinere Codezeile Damit können wir unseren Code modularer und wiederverwendbarer machen . Dass wir diesen Code immer wieder verwenden können. Dadurch ist unser Code gut organisiert, und das macht es viel einfacher, unseren Code zu debuggen Debug bedeutet, wenn unser Code einen Fehler enthält. Und die Methode, mit der der Fehler erkannt wird, heißt Debug. Grundsätzlich verwenden wir keine objektorientierte Programmierung für kleine Aufgaben Es wird für große und komplexe Projekte verwendet. Es verwendet derzeit verschiedene Javascript-Framer wie einen Jase Angular Jase Voyages, und diese basieren alle auf Wenn Sie objektorientierte Programmierung verstehen wollen, müssen Sie zunächst zwei Begriffe Der erste ist Klasse und der zweite ist Objekt. Wenn Sie diese beiden Konzepte verstehen, verstehen Sie zu 50% objektsortiertes Programm und das Konzept, das in jeder höheren Programmiersprache verwendet wird in jeder höheren Programmiersprache Versuchen wir zunächst zu verstehen, was Klasse und Objekte sind Versuchen wir es mit grafischen Bildern zu erklären. Nehmen wir an, wir haben einen Bauplan für ein Gebäude und ein Baumeister hat Häuser mit diesem Bauplan gebaut Dem Bauplan zufolge ist jedes Gebäude, das der Baumeister baut, ähnlich. Alle Gebäudeentwürfe sind identisch. Wie Sie sehen können, hat der Plan drei Schlafzimmer und eine Küche Jedes Gebäude ist also ziemlich ähnlich. Ihr könnt unseren Bauplan als Klasse akzeptieren, und alle Gebäude, die nach diesem Bauplan entstanden sind, sind Der Punkt ist, dass Objekte mit dieser Klasse erstellt werden. Lassen Sie mich Ihnen ein anderes Beispiel zeigen. Und es ist wenig fortgeschritten. Nehmen wir an, wir haben ein Auto der Klasse N und das sind zwei echte Autos. Der erste ist Marti Sit und der zweite ist Toyota Fortunar. Wir erstellen eine Klasse in einem Auto, und unsere eigentlichen Autos sind Objekte, die von der Fahrzeugklasse geschaffen Wie Sie wissen, hat jedes Auto einige gemeinsame Eigenschaften. Wie ihre Farbe, ihr Motor, Sitz, ihr SC und ihre Preise. In der Programmiersprache nennen wir sie Eigenschaften, und diese Eigenschaften sind einer oder mehreren Klassen zugeordnet. Jede Klasse hat ihr eigenes Eigentum. Wie Sie sehen können, haben wir zwei echte Autos, Swift und Fortunar Ihre Eigenschaften sind dieselben, aber ihr Wert ist unterschiedlich Wie Sie sehen können, hat Marthy vier Farboptionen, aber Tota hat fünf Farboptionen Marti bietet 12 C z. und Toyota hat einen 2.700-cm3-Motor, Mali bietet fünf Sitze und Toyota bietet sieben Sitze, und beide Autos haben ein C. Außerdem können Sie sehen, dass sich der Nutzungspreis zwischen diesen beiden Autos unterscheidet Eigenschaften sind im Grunde eine Variable, und wir können für diese Variable einen anderen Wert angeben Wenn Sie die Werte ändern und manipulieren möchten, müssen Sie Methoden verwenden. Unsere Klassen bestehen aus Eigenschaften und Methoden. Angenommen, ich erstelle eine Berechnung des Klassennamens. Dann erstelle ich eine Variable als Eigenschaften. Wir haben diese drei Variablen innerhalb dieser Klasse deklariert. Wenn Sie diesen Eigenschaften Werte zuweisen möchten , benötigen Sie Methoden. Methoden sind im Grunde Funktionen. Angenommen, wir wollen Zahlen hinzufügen. Ich werde einen Funktionsnamen sum erstellen. Wie Sie sehen können, führen wir in dieser Funktion einige Berechnungen durch. Zuerst nehmen wir den Variablennamen C, dann füge ich zwei Variablen A und B hinzu und wir geben C zurück. Wir können nur die Eigenschaften in unserer Methode verwenden, die wir bereits in unserer Klasse deklariert haben, und wir können keine Eigenschaften verwenden, die außerhalb der Klassen definiert sind. Hier können Sie sehen, dass wir nur eine Methode in unserer Klasse erstellen. In dieser Klasse können Sie jedoch mehrere Methoden erstellen. Auf die gleiche Weise werde ich eine weitere Methode mit dem Namen Sub erstellen. Sub bedeutet Subtraktion. Lass mich dir die Syntax zeigen, wie wir eine Klasse deklarieren können Außerdem werde ich Ihnen zeigen, wie wir Eigenschaften und Methoden erstellen können. Angenommen, ich werde einen Klassennamen Hell erstellen. Zuerst müssen wir das Klassenwort und dann unseren Klassennamen eingeben , der Hallo ist. Dann müssen wir innerhalb der Kalibrationen Eigenschaften und Methoden innerhalb dieser Klasse erstellen und Methoden innerhalb dieser Klasse Angenommen, ich möchte ein Durcheinander mit Methodennamen erzeugen. Dafür müssen wir zuerst den Methodennamen nehmen. In unserem Fall, Massen, ist das eine normale Funktion. Nur Hero, wir müssen die Funktion ord nicht vor dem Funktionsnamen verwenden . Auf die gleiche Weise müssen wir für Parameter Klammern verwenden Dann können wir im Kalprass unsere Massen definieren In unserem Fall möchte ich Hallo an alle in unserer Konsole drucken Hallo an alle in unserer Jetzt werden Massen zu einer Methode. Sie können mehrere Methoden in einer Klasse erstellen. Wenn Sie diese Methode aufrufen möchten, müssen Sie zunächst ein Objekt mit dieser Klasse erstellen. Zuerst müssen wir in unserem Fall eine Variable A und A als diese Klasse verwenden. Um in dieser Klasse aufzusteigen, müssen wir außerdem den neuen QR und dann unseren Klassennamen verwenden dann unseren Klassennamen Dadurch wird unsere Variable zu einem Objekt. Nachdem wir dieses Objekt erstellt haben, können wir alle Eigenschaften und Methoden aus dieser Klasse löschen. Angenommen, ich möchte die Masse-Methode aufrufen. Dann müssen wir zuerst den Objektnamen in unserer Nachricht mit dem Punktnamen A eingeben den Objektnamen in unserer . Und wenn Sie ein Argument senden möchten, können Sie das tun. Normalerweise müssen wir lesen, um zu funktionieren. Das ist es für dieses Tutorial. Im nächsten Tutorial werden wir etwas Praktisches lernen. Vielen Dank, dass Sie sich dieses Video haben. Seien Sie gespannt auf das nächste Tutorial. 11. objektorientierte Programmierung praktisch: Hey, Leute, schön euch zu sehen BA. Dies ist das zweite objektorientierte Programm, das sich auf ein Tutorial bezieht. Wie Sie sehen können, öffne ich Seite an Seite meinen Visa Studio-Code-Editor und meinen Browser mit der Lip Server-Erweiterung und erstelle bereits ein stabiles Dokument mit dem Indexpunkt ATM Im Skript-Tag werde ich zuerst eine Klasse erstellen, um eine Klasse in Java Script zu erstellen Wir müssen die Klasse QR verwenden Klasse, dann müssen wir den Klassennamen sagen und unser Klassenname ist Hallo. Dann in der Klasse, hier werde ich eine Nachricht weitergeben. Im Grunde werde ich eine Methodennamennachricht definieren. Also werde ich message round ss eingeben. Dann sage ich das Krasse. Dann drucke ich das C-Log, ich sage das runde SS, ich sage die doppelten Codes, ich werde eine Nachricht drucken Hallo, alle zusammen. Und dann Seminar zwei in dieser Reihe. Immer wenn der Benutzer diese Methode von dieser Klasse aus aufruft, wird diese Nachricht gedruckt. Hallo, alle zusammen. Wie ich Ihnen gesagt habe, um diese Methode von dieser Klasse aus aufzurufen, erstellen wir ein Objekt mit dieser Klasse. Lassen Sie uns ein Objekt mit dieser Klasse erstellen. spät dran sind und unsere Variable A, A entspricht, um ein Objekt zu erzeugen, müssen wir new verwenden. Neu, dann müssen wir den Klassennamen Hallo nennen. Jetzt wird aus einer Variablen ein Objekt, das mit der Klasse Hello erstellt wird. Jetzt möchte ich die Nachrichtenmethode aufrufen. Dafür müssen wir eine Punktnachricht eingeben. Also werden wir diese Zeile beenden. Wenn ich diese Datei einstelle, wie Sie in meiner Konsole sehen können, gibt sie Hallo an alle aus. Jetzt verstehst du, dass wir zuerst eine Klasse erstellen müssen. Dann stellst du diese Klasse ein, wir haben eine Methode, eine Nachricht. Wenn Sie diese Methode aufrufen möchten, müssen Sie zuerst ein Objekt mit dieser Klasse erstellen . In unserem Fall A können Sie diese Methode von dieser Klasse aus aufrufen. Lassen Sie uns nun mehr über Methoden sprechen. In Java Step haben wir insgesamt drei Arten von Methoden. Unsere erste Methode ist die Konstruktormethode. Die zweite ist die Prototypmethode und die dritte ist die statische Methode, und wir werden mit der Konstruktormethode beginnen Um eine Konstruktormethode zu erstellen, müssen wir keinen Konstruktornamen verwenden Lass mich dir zeigen, wie. Hier werde ich eine Konstruktormethode erstellen Dafür müssen wir nur den Konstruktor eingeben. Konstruktor rund um Messing und innerhalb der Klasse kannst du deine Nachricht weitergeben Angenommen, H, ich gebe das Punktprotokoll der Konsole in die runde Sechs Ich werde tippen. Willkommen. Und Semicon zwei in dieser Zeile Denken Sie daran, dass Sie zum Erstellen einer Konstruktormethode keinen Namen angeben müssen Sie müssen nur das Konstruktor-Q-Wort eingeben. Nun ist die Frage, was ist der Zweck dieser Methode? Immer wenn wir ein Objekt mit dieser Klasse erstellen, wird die Konstruktormethode automatisch aufgerufen. Wir müssen es nicht nach eigenem Gutdünken nennen. Es läuft automatisch. Nun, wenn ich diese Zeile auskommentiere und diese Datei erneut setze, dann wird automatisch die Konstruktormethode ausgeführt, also ist das Verstauchen willkommen Hier erstelle ich einfach ein Objekt mit dieser Klasse, aber ich nenne die jeweilige Methode nicht. Ähnlich, wenn ich ein anderes Objekt mit derselben Klasse erstelle , also möchte ich diese Zeile duplizieren, und hier gebe ich B ein und setze diese Datei. diese Datei, wie Sie sehen können, wieder drucken, wird sie in unser Endgerät kommen. Zuerst wird es für ein Objekt ausgeführt, dann für ein Objekt B. Jetzt werden wir etwas über Eigenschaften lernen. Außerdem werden wir lernen, wie wir Eigenschaften einen Wert zuweisen können . Es gibt zwei Möglichkeiten , dies zu tun. Zuerst zeige ich Ihnen eine grundlegende Methode. Widerrufen Sie diese Zeile. Hört gut zu. Wann immer wir eine Eigenschaft deklarieren müssen, um die Klasse zu beenden, müssen wir sie innerhalb der Konstruktormethode deklarieren Angenommen, ich möchte eine Variable deklarieren. Eigenschaften sind im Grunde eine Variable, sonst nichts. Also werde ich eine Eigenschaft deklarieren, und unser Eigenschaftsname ist Name, dann seco in der Zeile Wie deklarieren wir eine Immobilie? Jetzt möchte ich diese Eigenschaft nutzen. Ich möchte diese Eigenschaft in unserer Nachrichtenmethode verwenden. Ich werde alle entfernen und das Gemeindezeichen verwenden Sie können auch Bati verwenden wenn Sie mit dieser String-Methode vertraut sind Dann möchte ich die Variable mit einem Namen versehen. Dafür müssen wir dieses Schlüsselwort verwenden. Das bedeutet das Objekt. D-Name. Jetzt legen wir eine Eigenschaft in dieser Klasse fest. Auch wir verwenden diese Eigenschaft, aber wir senden keinen Wert. Jetzt müssen wir einen Wert für diese Eigenschaft setzen. Wie können wir das machen? müssen wir den Objektnamen verwenden. In unserem Fall A, A und ich möchte sagen, Name, weise ihn zu, und hier kannst du den Namen des Schülers , der ein Ming ist, und dann Smog in diese Zeile eingeben Jetzt möchte ich die Nachricht wieder auf meiner Konsole drucken. Ich werde diese Zeile auskommentieren und diese Datei einrichten. In dieser Datei, wie Sie auf meiner Konsole sehen können, ist sie jetzt gedruckt. Hallo bei einem Mg. Wenn ich ein wenig Speicherplatz zur Verfügung stelle und wieder speichere, kannst du es jetzt richtig sehen. Hallo, bei einem Mg. Damit können Sie auch eine weitere Nachricht aus unserer Konstruktormethode sehen Wie ich Ihnen bereits sagte, müssen wir die Konstruktormethode nicht aufrufen. Es wird automatisch ausgeführt, wenn wir ein Objekt mit dieser Klasse erstellen, und es gibt eine Abkürzung, über die wir unseren Eigenschaften einen Wert zuweisen können Dafür müssen wir hier einen Parameter in unserer Konstruktormethode Ich nehme einen Namen als Parameter. Und ich werde dieser Variablen einen Namen zuweisen, einen Namen. Jetzt müssen wir diese Zeile nicht mehr erstellen , um dieser Variablen diesen Wert zuzuweisen. Ich möchte diese Zeile auskommentieren und von hier aus werde ich sie auf einmal kopieren. Immer wenn wir ein Objekt mit dieser Klasse erstellen, können wir den Wert übergeben. Es ist wie eine Funktion. Wenn ich diese Datei einstelle, können Sie dasselbe Ergebnis sehen. Ich glaube, ich habe etwas Mystisches , weil wir hier kein spätes Schlüsselwort angeben müssen Ich werde Late entfernen. Dieses Mal werde ich dieses Schlüsselwort verwenden. Dieser Punktname. Dieses Q-Wort steht für das Objekt. Wenn ich diese Datei eingestellt habe, kannst du jetzt sehen, dass sie bei einem Bild „Hallo“ lautet. Mit der Funktion ist es ziemlich ähnlich. Ist es nicht? Ja, ist es. Hier können Sie beliebig viele Eigenschaften definieren . Lassen Sie uns nun über die Prototyp-Methode sprechen. Dies ist das Beispiel einer Prototyp-Methode. Dafür müssen Sie den Methodennamen verwenden, und die Prototypmethode wird nicht automatisch ausgeführt. Um diese Prototypmethode auszuführen, müssen wir sie aufrufen, und unsere letzte Methode ist die statische Methode. Um eine statische Methode zu erstellen, müssen wir das statische Schlüsselwort verwenden. Lass es mich dir zeigen. Hier möchte ich eine Methode erstellen, die eine statische Methode ist. Irgendein Typ, statisch. Dann müssen wir einen Methodennamen nehmen. In unserem Fall ist unser Methodenname der vollständige Name. Dann müssen Sie rundes Messing verwenden. Dann kannst du im Cal Dress alles drucken. Doc Dot genau in der runden Aussparung in den Doppelcodes. Der Name des Studenten ist bei One Meg. Jetzt entscheiden Sie, dass Sie die statische Methode von diesem Objekt aus aufrufen möchten. Rufen wir die statische Methode auf. Ein ähnlicher Punkt in dieser Zeile. Wenn ich diese Datei einstelle, wird sie nicht funktionieren. Es wird werfen. Ja. Wir müssen kein Objekt erstellen, um eine statische Methode aufzurufen. Wir können eine statische Methode aufrufen, ohne ein Objekt zu erstellen. Um die statische Methode aufzurufen, müssen wir den Klassennamen verwenden. In unserem Fall hallo. Lassen Sie mich Ihnen zeigen, wie wir es verwenden können. Hier gebe ich unseren Klassennamen ein. Hello Dot Funktion mit vollständigem Namen. Dann in diese Zeile eingeben. Wenn ich diese Datei speichere, können Sie das Ergebnis sehen. Wie Sie in meinem Browser sehen können, ruft er jetzt die statische Methode beim Drucken auf Scrutin-Name steht auf einmal. Wie ich dir schon sagte, Klasse ist eine Blaupause, ansonsten Wir können die Klasse mehrmals verwenden, um Objekte zu erstellen. Das ist es also für dieses Tutorial. Danke, dass du dir dieses Video angesehen hast, freue mich auf das nächste Tutorial. Im nächsten Tutorial werden wir mehr über Zehner erfahren. 12. Vererbung in Oop: Hallo Leute, schön, dass ihr wieder da seid. Ich bin wieder mit einem neuen Tutorial für fortgeschrittenes Javascript zurück. In diesem Tutorial werden wir etwas über Versprechen lernen. Promise, Einführung der sechsten Version von Javascript. Versuchen wir, Versprechen mit grafischen Bildern zu verstehen. Nehmen wir an, das bist du und das ist dein Freund. Ihr Freund ruft Sie an und sagt, langjährige Nase, Treffen wir uns, und Sie haben geantwortet: Treffen wir uns morgen Das heißt, du hast deinem Freund versprochen , dass du ihn morgen treffen wirst Jetzt können wir dieses Versprechen in drei Stufen definieren. Unsere erste Phase steht noch aus. Ihr Versprechen wird bis morgen ausstehen, und wenn Sie Ihren Freund morgen treffen, dann haben Sie das Versprechen erfüllt. Dies ist die zweite Phase der Verheißung. Dann kommt die dritte Stufe, die abgesegnet wird. Wenn Sie aus irgendeinem Grund beschäftigt und Ihr Versprechen nicht erfüllen können, müssen Sie das Versprechen einhalten. Das sind die drei Stufen des Versprechens: ausstehend, volle Pille und Nun stellt sich die Frage, was wir normalerweise auf der Grundlage von Versprechen tun Du entscheidest, ob du die Versprechen einhältst, dann gehst du ins Restaurant zum Essen, und wenn du das Versprechen einhältst, dann triffst du dich an einem anderen Tag Beide Ergebnisse hängen von Ihrem Versprechen ab. Auf die gleiche Weise funktioniert die JavaSP-Promise-Methode. Wir haben einen Methodennamen promise. Dann spezifizieren wir innerhalb dieses Versprechens eine Bedingung, und auf der Grundlage dieser Bedingung zu Ergebnissen zurück. Andernfalls beschließe, andernfalls respektiere. Wenn unser Zustand behoben ist, können wir jetzt eine neue Funktion verwenden, die dann aufgerufen wird In der Funktion Dann werden wir entscheiden, ob unser Versprechen erfüllt wurde, was wir dann tun werden. Wie ich dir gesagt habe, wenn du deinen Freund morgen triffst, dann gehst du ins Restaurant, und wenn unser Zustand sich bessert, dann nennen wir eine weitere Funktion mit dem Namen catch Bei beiden Funktionen handelt es sich um Höhlenfunktionen. Diese sind alles in allem Funktionen von JavaScript. Sie können jedoch einen beliebigen Funktionsnamen für die Ergebnisfunktion verwenden und die Funktion respektieren. Es ist eine PU. Dies ist die Promise-Methode, die in der Version von Java-Skript eingeführt wurde. Lassen Sie uns nun über die Syntax sprechen, wie wir die Promise-Methode in JavaScript verwenden können. Zuerst müssen wir eine Variable nehmen. Dann müssen wir in dieser Variablen ein neues Versprechen definieren. Jetzt werden diese Variablen zu Object Promise. Wie ich Ihnen bereits sagte, definieren wir eine Funktion innerhalb dieser Promise-Methode. So können wir es machen. Hier erstellen wir eine Funktion innerhalb dieses Versprechens, und wir können auch die Pfeilfunktion verwenden. Im Grunde müssen wir in dieser Funktion hier insgesamt zwei Parameter übergeben. In unserem Fall lösen und ruhen Sie sich aus, und Sie können einen beliebigen Namen für diesen Parameter verwenden. Wenn Ihr Versprechen erfüllt ist, können Sie die Ergebnisfunktion aufrufen, und wenn Ihr Versprechen nicht eingehalten wurde, können Sie die Funktion Resect aufrufen Nun stellt sich die Frage, wie wir die Funktionen aufrufen können. Dafür können wir eine Bedingung erstellen. So etwas in der Art. Wie du in diesem Versprechen sehen kannst, eine Wenn-anders-Bedingung schaffen. Sie können Ihre eigene Bedingung festlegen, es liegt an Ihnen, und wenn Ihre Bedingung erfüllt ist, können Sie die Ergebnisfunktion aufrufen. Wenn Ihre Bedingung fehlschlägt, Sie beim Start von L die können Sie beim Start von L die Rest-Funktion aufrufen. Sie müssen die Funktion nirgends erstellen, Sie müssen die Funktion aufrufen. Wie ich Ihnen bereits sagte, können wir eine weitere Funktion erstellen, wenn sich Ihre Versprechen erfüllen, andernfalls ruhen Sie sich auf die weitere Arbeit aus. In unserem Fall bei Erfüllung. Das heißt, wann immer wir die Ergebnisfunktion aufrufen, wird sie diese Funktion aufrufen, und welche Ergebnisfunktion auch immer geschrieben wurde, wir können sie in einer Variablen speichern. In unserem Fall result und Here können Sie einen beliebigen Variablennamen verwenden. Auf die gleiche Weise für das Ergebnis erstellen Sie hier eine weitere Funktion, die sich auf Resektion bezieht Wenn diese Funktion etwas zurückgibt, können wir es in unserer Variablen speichern Dann werden wir es in unserer Konsole drucken. Wie ich dir gesagt habe, kannst du einen beliebigen Namen für diese Variablen verwenden. Nun werden diese beiden Funktionen nicht von selbst aufgerufen. Dies sind keine Höhlenfunktionen. Um diese beiden Funktionen aufzurufen, gibt es in Java stip einige Funktionen, nämlich dann und catch Ich habe schon davon erzählt. Diese beiden Funktionen sind Höhlenfunktionen. Wenn unsere Bedingung gelöst ist, ruft sie automatisch die Funktion auf, und die Funktion then wird bei der Erfüllung aufgerufen Wenn unsere Bedingung res ist, sie automatisch als **** Funktionsname catch bezeichnet . Und sie wird diese Funktion bei der Reaktion aufrufen. Dann wird die Funktion die Fulfillment-Funktion aufrufen , und die Catch-Funktion wird die Resection-Funktion aufrufen Lassen Sie uns das Thema zusammenfassen. Zuerst werden wir ein Versprechen erstellen, und innerhalb des Versprechens werden wir eine Funktion erstellen In dieser Funktion müssen wir hier zwei Variablen verwenden. Unsere erste Variable steht für Erfolg und unsere zweite Variable steht für Misserfolg. Dann schaffen wir innerhalb dieses Versprechens eine Bedingung. Wenn die Bedingung erfüllt ist, wird Resolve aufgerufen, und wenn die Bedingung nicht erfüllt ist, wird sie Rest genannt. Bei einem aufgelösten Funktionsaufruf wird sie dann automatisch als Cove-Funktionsname bezeichnet , und wenn ich die Rest-Funktion aufgerufen habe, wird sie automatisch mit dem Namen der Cove-Funktion catch bezeichnet . Jetzt fragen Sie sich vielleicht, wie wir Argumente an diese Funktionen senden können . Wie Sie sehen können, haben wir für unsere Funktionen Parameter, Ergebnis und Fehler. Wie wir den Wert an diese Funktion senden können. Immer wenn wir die Funktion mit dieser Funktion aufrufen, auflösen, andernfalls eine Rest-Funktion verwenden, senden wir den Wert. Wie Sie sehen können, hier ist Erfolg, hier ist Misserfolg. Immer wenn wir die Fulfillment-Funktion aufrufen, wird diese Masse diesem Variablennamen das Ergebnis zugewiesen . Auf die gleiche Weise hat es bei einer Reaktion funktioniert. Das ist es für dieses Tutorial. Im nächsten Tutorial werden wir mit dem Praktischen beginnen. Vielen Dank, dass Sie sich dieses Video Geben Sie es für das nächste Tutorial an. 13. Erbschaft praktisch: Wie Sie also nebeneinander sehen können, öffne ich mein Schiff mithilfe der Live-Server-Erweiterung für Ihren Code-Editor und meinen Browser, und ich habe bereits einen Indexpunkt für den Est-Dokumentnamen erstellt. Zuerst werde ich innerhalb des Skript-Tags eine Klasse erstellen. Dafür müssen wir die Klasse QR und die Klasse Employ verwenden. Dann werde ich in Set the Css eine Konstruktormethode erstellen, wie Sie wissen. Um eine Konstruktormethode zu erstellen, müssen wir Konstruktor D, Constructor und Round Brass verwenden . Dann gibt H im Set Css eine Anweisung in unserer Konsole aus Soundtyp Konsole, Punktprotokoll innerhalb der Runden, Typ Hm, Angestellter. Und ich sehe zwei in dieser Zeile. Lassen Sie uns nun ein Objekt mit dieser Klasse erstellen. Dafür werde ich spät eine Variable erstellen und unser Variablenname ist A, A, assign it, new. Wie ich Ihnen bereits sagte, müssen wir, um ein Objekt zu erstellen, ein neues Schlüsselwort und unseren Klassennamen, der Employee lautet , verwenden . Dann Smog in diese Leitung. Wenn ich diese Datei einstelle, wie Sie in meiner Konsole sehen können, sie „Ich bin Angestellter“ ausgegeben H I ist ein Rechtschreibfehler. Für Mitarbeiter müssen wir E und nicht I eingeben. Wenn ich diese Datei einstelle, können Sie das Ergebnis sehen. Ich bin Angestellter. Wie wir wissen, werden wir in unserem vorherigen Tutorial lernen, wie die Konstruktormethode automatisch ausgeführt Wir müssen es nicht über unser Obst aufrufen. Jetzt entscheide ich, dass ich eine weitere Klasse erstellen möchte. Dafür gebe ich das Wort Klasse Q ein und unser neuer Klassenname ist Manager. Manager und diese Klasse erben zusammen mit der Mitarbeiterklasse. Wie ich Ihnen gesagt habe, dass Sie mit einer anderen Klasse erben sollen, müssen wir extend kd, extend, extend employee verwenden. In den angegebenen Fällen werde ich vorerst nichts eingeben Nur unsere Manager-Klasse in die Mitarbeiterklasse, und jetzt entscheide ich, dass ich ein Objekt mit der Mitarbeiterklasse erstellen werde . Ich werde diese Zeile auskommentieren und in der nächsten Zeile werde ich spät eine Variable erstellen und unsere Variablen sind B, B und Managerklasse. Um ein B-Objekt zu erstellen, müssten Sie in dieser Zeile New Q, New Manager und dann Sim To verwenden . Wenn ich diese Datei, wie du siehst, auch in meiner Konsole ausdrucken lasse, bin ich Angestellter. Aber wenn Sie feststellen, können Sie in der Manager-Klasse sehen, dass Sie keine Konstruktormethode haben, aber wir können mit der Manager-Klasse auf die Mitarbeiterklassenmethode zugreifen , weil unsere Manager-Klasse in der Mitarbeiterklasse In diesem Fall ist die Mitarbeiterklasse eine Basisklasse und die Managerklasse eine direkte Klasse Jetzt entscheide ich, dass ich ein Argument an die Manager-Klasse senden möchte . Hier übergebe ich einen Namen und gebe add one means ein. Und eins bedeutet. Wie ich Ihnen sagte, müssen wir Eigenschaften in unserer Konstruktormethode behandeln Hier müssen wir eine Variable nehmen. O Variablenname ist Name, und dann möchte ich den Namen in meiner Konsole drucken. Hier werde ich die Namensvariable damit übergeben, ich werde das Conggation Sign verwenden Wenn ich diese Datei einstelle, wie Sie in meinem Browser sehen können, bedeutet sie, dass ich ein Angestellter bin Jetzt ist die Frage, was ist passiert? Wenn ich dieselbe Konstruktorklasse in der Manager-Klasse erstelle, kopieren wir den Konstruktor und ich füge ihn in die Manager-Klasse Im Moment möchte ich kein Argument an diesen Konstruktor senden kein Argument an diesen Ich möchte diese Zeile entfernen und H I eingeben, ich bin Manager Wenn ich diese Datei einstelle, wird sie dieses Mal zuerst diese Zeile drucken, dann wird sie einen Fehler zurückgeben. Lass es mich dir zeigen. Wenn ich diese Datei einstelle, wie Sie sehen, zuerst drucken, bin ich Manager. Dann druckt es eine Fehlermeldung und sagt, muss Super Constructor aufgerufen Wie Sie sehen können, ist unser Objekt mit der Manager-Klasse und der Konstruktormethode in beiden Klassen verfügbar Beide Klassen enthalten genau dieselbe Methode und dasselbe B-Objekt, das mit der Manager-Klasse erstellt wurde Deshalb können wir diese Nachricht sehen. Ich bin Manager. Und wenn Sie nur den speziellen Dis-Konstruktor, ich möchte sagen, den Basisklassenkonstruktor, überschreiten wollen, dann müssen Sie die Superfunktion verwenden Hier müssen wir Superfunktion, Summentyp, Super und Sem in dieser Zeile verwenden Summentyp, Super und Sem in dieser Wenn ich diese Datei einstelle, wird sie funktionieren, aber sie gibt auch undefiniert zurück Lass es mich dir zeigen. Wenn ich diese Datei so einstelle, wie Sie sehen können, undefiniert, IM-Mitarbeiter Wenn wir dieses Argument in unserem Manager-Konstruktor behandeln wollen , müssen wir in diesem Fall den Variablennamen verwenden Außerdem werde ich diesen Namen hier verwenden. Nennen Sie dazu Cctint, ich bin Manager. Wenn ich diese Datei einstelle, wie Sie sehen, eine hinzufüge, bedeutet das, dass ich Manager bin Denken Sie daran, wenn wir denselben Konstruktor in unserer direkten Klasse verwenden, können wir keine Daten an unsere Basisklasse senden , da wir hier den exakten Konstruktor verwenden Weil die Superfunktion das nicht zulässt. Lassen Sie uns nun über die Prototyp-Methode sprechen, wie wir die Prototyp-Methode in Zehnerform verwenden können. Zunächst werde ich diese Konstruktormethode in unserer Manager-Klasse kommentieren diese Konstruktormethode in unserer Manager-Klasse Dann werde ich in unserer Mitarbeiterklasse, also in der Basisklasse, eine Prototyp-Methode erstellen, einige geben den Methodennamen ein, der drin ist Geben Sie Caliss ein, Ham Print Console Dot Log, Ich bin Angestellter, und das können wir in dieser Zeile tun Damit möchte ich den Namen des Mitarbeiters ausdrucken. Aber wie Sie wissen, müssen wir diese Eigenschaft in einer Variablen speichern, wenn wir sie verwenden wollen . Dafür gebe ich diesen Punktnamen ein, der dem Namen entspricht. Jetzt können wir die Namensvariable in meiner Prototypmethode verwenden. Hier verwende ich das obere Gemeindezeichen, ich bin Angestellter Ich werde diesen Punktnamen eingeben. Lassen Sie uns den Variablennamen ändern, um Verwirrung zu vermeiden. Ich möchte einen neuen Namen vergeben, am für Employee Name steht Außerdem müssen wir diesen Punktnamen hier eingeben. Wenn wir diese Variable aufrufen wollen. Jetzt entscheide ich, dass ich diese Prototyp-Methode mithilfe der Manager-Klasse erweitern möchte . Aber wir erstellen die Prototypmethode in der Mitarbeiterklasse. Aber wie Sie wissen, erstreckt sich unsere Klasse auch auf die Mitarbeiterklasse, deshalb können wir sie verwenden. Lassen Sie uns diese Sondenmethode verwenden. Wie Sie wissen, müssen wir dafür den Objektnamen aufrufen. B, B geben unseren Methodennamen an, der info ist, und SemGro zwei in dieser Zeile Wenn ich diese Datei einstelle, wie Sie in meiner Konsole sehen können, wird auf einer Seite „Ich bin ein Mitarbeiter Aber wenn ich dieselbe Prototyp-Methode in unserer Manager-Klasse verwende, kopiere ich diese Prote-Methode und füge sie in die Manager-Klasse Ich werde mich ein bisschen ändern. Ich bin Manager. Wenn ich diese Datei einstelle, kannst du dieses Mal sehen, Harry Print, ich bin Manager und ein Magier. Denn dieses Mal ist diese Prototyp-Methode in einer eigenen Klasse verfügbar und unser Objekt wurde mit dieser Klasse erstellt, nicht mit der Mitarbeiterklasse. Deshalb wird sie als eigene Methode bezeichnet. Aber jetzt entscheiden Sie, dass Sie die Manager-Klassen-Testmethode nicht verwenden werden. Sie wollen die Methode der Mitarbeiterklasse überschreiten, also die Basisklasse. Wie ich dir schon sagte, er hat eine Superfunktion. Dafür müssen Sie super eingeben, müssen Sie den Prototypnamen übergeben, und der Prototypname ist info. Dann musst du die runde Basis und den Semi in dieser Zeile bestehen . Wenn wir diese Datei einrichten, wie Sie auf meiner Konsole sehen können, wird sie jetzt überprüft, ich bin der Manager Hier seht ihr meine Konsole, zuerst wird sie gedruckt, ich bin Angestellter bei einem Mage Diese Zeile ist aus der Mitarbeiterklasse, und als nächstes wird gedruckt, ich bin Manager bei einem Mage. Diese Zeile ist aus der Manager-Klasse. Nicht nur das, Sie können auch den Wader dieser Programmmethode ändern Nehmen wir an, Sie wollen zuerst drucken, ich bin Manager bei einem Magier Dann willst du drucken, ich bin Angestellter bei einem Magier. Dafür nur um die Reihenfolge der Superfunktionen zu ändern. Also verschiebe ich den Build der Superfunktion und dann das Konsolengesetz. Wenn ich diese Datei einstelle, wie Sie sehen können, wird jetzt die Reihenfolge geändert. Und jetzt zeige ich dir das echte Beispiel. Warum und wie werden wir es in Höhen verwenden. Wie Sie sehen können, gibt es bei uns insgesamt zwei Klassen: Mitarbeiter und Manager Jetzt entscheide ich mich für zwei weitere Argumente, H und Höhe. Sie übergibt unsere Konstruktormethode H, Höhe, und um diese Eigenschaft in einer Variablen zu sortieren, nehme ich zwei weitere Variablen Hm tippe diese Punkte ein, die E gleich H sind. Klonen Sie diese Punkthöhe mit der Höhe E, die Höhe entspricht, und säumen Sie die Linie. Jetzt entscheide ich, dass ich alle Informationen in dieser Infert-Funktion anzeigen möchte alle Informationen in dieser Infert-Funktion Ich werde diese Zeile auskommentieren und das Dokument Dot bearbeiten . Ist das runde SS , hier werde ich die Template-String-Methode verwenden. Ich habe einen Tip benutzt. Wenn Sie mit der Template-String-Methode nicht vertraut sind, handelt es sich um die neue Funktion der E-Six-Version. Hier müssen wir keine Verkettungsseite verwenden. Ich hoffe, du kennst das schon. Ist das ein Tipp, werde ich zuerst ein Überschriften-Tag ausdrucken. Dafür verwende ich SetL-Tag, H zwei Tags, H zwei. Dann füge das ein, das ein Amo-Typ mit zwei Tags verwendet. Dann werde ich das A-Two-Tag schließen. Zwei Sterne für den Weg zum Tag. Zwei in der Nähe. Dann werde ich den Namen drucken. Nennen Sie Doppelpunkt und ich rufe die Variable auf. Die erste Variable steht für Name, wir sagen e Namensvariable. Ich kopiere diesen Punkt-E-Namen und gebe p ein, um diese Variable zu verwenden, Hero in, um das Dollarzeichen zu verwenden, und innerhalb der Kelche füge ich den Variablennamen Dieser Punkt-E-Name, und ich werde auch ein Tag verwenden, um die Linie zu unterbrechen Dann dupliziere ich diese Zeile zweimal, und für H, mo tippe H. Für diesen Punkt E age und für Höhe gebe ich Höhe, diesen Punkt E-Höhe und Semicon zwei in diese Zeile ein, und ich benötige diese Informationsfunktion aus der Manager-Klasse nicht Ich werde diese Zeile auskommentieren und mit dem Namen das Mindestalter von 24 Jahren überschreiten Außerdem werde ich die vorsichtige Körpergröße überschreiten, die im doppelten Kurs bei 175 Zentimetern liegt Wenn ich in dieser Datei, wie Sie in meinem Browser sehen können, den Mitarbeiternamen H und die Körpergröße, den Namen Vorteil H 24, Höhe 175 Zentimeter, ausdrucke Namen Vorteil H 24, Höhe 175 Jetzt beschließe ich, dass ich die gleichen Informationen für den Manager ausdrucken möchte die gleichen Informationen für den Manager Eine Kopie ist eine Pro-Methode, und ich werde die Manager-Klasse einfügen. Aber jetzt möchte ich dieser Methode eine neue Eigenschaft hinzufügen, und unsere neue Eigenschaft ist se, Some tile late se Gehalt entspricht $1. Ich möchte auch den Überschriftentext ändern und an den Manager weiterleiten. Außerdem möchte ich mit den Informationen den Manager salzig drucken Ich will diese Zeile durcheinander bringen und ein Gehalt verdienen. Und auch, um den variablen Namen Gehalt weiterzugeben. Wenn ich diese Datei einstelle, wie Sie in meinem Browser sehen können, jetzt Sprint Manager. Name füge einen M H 24 hinzu, Höhe 175 Zentimeter. Geben Sie auch das Gehalt, 100$, an, um es zu bereinigen, lassen Sie uns ein anderes Objekt erstellen Ich will diese Zeile bekommen. Diesmal ist unser Objektname Smell und dieses Objekt wurde mit der Manager-Klasse erstellt. Ich werde den Namen Sm ändern. Und seine Kanten 28 und seine Höhe beträgt 170 × 1 Zentimeter, und jetzt möchte ich Smith-Informationen in meinem Browser drucken Hier rufe ich die Smith Dot Info Function auf. Wenn ich diese Datei einstelle, werden, wie Sie sehen, jetzt alle Informationen über Smith gedruckt. Dies ist das Beispiel für einstufige Vererbung , denn hier erstreckt sich unsere Klasse auf nur eine Klasse. Unsere Managerklasse wird um die Mitarbeiterklasse erweitert. Aber jetzt zeige ich Ihnen die mehrstufige Vererbung. Das ist Mitarbeiterklasse. Das ist die Manager-Klasse, erweitert um Employee, und jetzt werde ich eine weitere Klasse erstellen. Klasse und unsere nächste Klasse ist Boss. Boss-Klasse, Erweiterung um Manager-Klasse. Jetzt kann der Chef Informationen über den Manager weitergeben, er kann auch in Do-Informationen existieren, aber Manager und Mitarbeiter können keine Informationen über den Chef weitergeben. Dann werde ich diese Zeile auskommentieren. Jetzt hat es unser Smith-Objekt zum Boss gemacht, Boss. Ich werde diese Datei einrichten. Nachdem Sie diese Datei eingerichtet haben, können Sie jetzt sehen, dass sie alle Informationen aus der Manager-Klasse ausgibt, weil wir in unserer Boss-Klasse keine Info-Methode haben. Aber was? Wenn wir die Info-Methode auskommentieren, werde ich diese Methode auskommentieren. Aus der Manager-Klasse. Jetzt können Sie sehen, dass diese Info-Methode nur in der Mitarbeiterklasse verfügbar ist. Wenn ich mir diese Zeit spare, können Sie jetzt sehen, dass es den Prototyp-Konstruktor aus der Mitarbeiterklasse ausgibt aus der Mitarbeiterklasse Deshalb wird der Gehaltswert nicht gedruckt. Unser Chef kann zu viele Klasseninformationen für Manager verwenden, es kann auch zu viele Informationen zu den Klassen von Mitarbeitern geben. Information bedeutet den gesamten Konstruktor und alle Eigenschaften. Auf diese Weise funktionieren Treffer auf mehreren Ebenen. Dies ist ein kleines Beispiel für Hits, und I Hitens ist der wichtigste Teil der objektorientierten Programmierung Danke, dass du dir dieses Video Bleib dran für das nächste Tutorial 14. Js-Modul-Einführung: Hallo Leute, schön, dass ihr wieder da seid. Ich bin wieder mit einem neuen Tutorial zu fortgeschrittenem Javasc zurück. In diesem Tutorial werden wir lernen, was Mode ist Lassen Sie uns versuchen, Module mit grafischen Bildern zu verstehen. Nehmen wir an, wir haben zwei JavaScript-Dateien, Datei eins Js und Datei zwei Punkt js. In der Datei mit einem Punkt js deklarieren wir einige Funktionen für variable Autos und erstellen auch einige Klassen. Jetzt möchte ich diese Variablenfunktion und die Klassen in Datei zwei verwenden . Es ist nicht zwingend erforderlich , dass ich alle Funktionen und Klassen der Variablen verwende. Ich möchte eine bestimmte Funktion ausführen. Andernfalls möchte ich eine bestimmte Variable aufrufen. Dafür führt Java-Skript Module ein. Mithilfe von Modulen können wir Variablenklassen der Jati-Funktion in anderen Dateien verwenden Variablenklassen der Jati-Funktion in anderen Dateien Es erhöht die Wiederverwendbarkeit unseres Codes und ist sehr einfach zu pflegen Außerdem reduziert es das Laden von Testseiten. In unserer Datei eins zu JS haben wir viele Funktionen, aber ich möchte entscheiden, dass ich nur eine Funktion verwenden möchte. Dann werde ich diese Funktion in unserer zweiten Datei verbessern. Dann können wir diese Datei zwei mit unserem stabilen Dokument verknüpfen. Deshalb ist unsere STL-Datei so schnell geworden. Im JavaScript-Modul gibt es zwei Funktionen. Die erste ist die Exportfunktion und die zweite ist die Importfunktion. Mal sehen, wie wir diese beiden Funktionen in unserem Cop verwenden können. Wie ich Ihnen schon sagte, haben wir insgesamt zwei Dateien, 51 Punkt-JS und 52 Punkt-JS. In der ersten Datei hat er einen Variablennamen, eine Funktion, Allow und eine Klasse, die User ist, deklariert . Jetzt entscheide ich, dass ich die Namensvariable in Datei zwei verwenden möchte. Ich möchte die Hallow-Funktion und die Benutzerklasse nicht verwenden. Dafür müssen wir ein Schlüsselwort verwenden, und das Schlüsselwort ist Export Behalten Sie dieses Export-Schlüsselwort bei, damit wir es in anderen Dateien verwenden können. Wann immer wir diese Variable in Datei zwei verwenden müssen, müssen wir eine spezielle Anweisung schreiben. So etwas in der Art. Zuerst müssen wir das Schlüsselwort import eingeben und dann müssen wir ses verwenden. Dann müssen wir innerhalb von ses den Variablennamen übergeben, welche Variable ich aus einer Datei importieren möchte. Dann müssen wir von eingeben und danach müssen wir den Speicherort der Datei übergeben, aus welcher Datei ich diese Variable importieren möchte. Falls ihr merkt, dass ihr vor der Datei einen Punkt s sehen könnt, hier verwende ich einige Sonderzeichen. Punkt mit umgekehrtem Schrägstrich. Wann immer wir Module verwenden, müssen wir unseren Dateiteil auf diese Weise bereitstellen, und das müssen Sie sich merken Jetzt entscheide ich, dass ich die Namensvariable in Datei zwei verwenden möchte. Wir können diese Variable wie andere Variablen verwenden. Wir können es in unserer Konsole drucken. können wir es auch in unserem Dokument ausdrucken Berechnungen durchführen. Auf die gleiche Weise, wenn wir diese Funktion exportieren möchten , möchten wir nur export t vor dem Funktionsnamen eingeben. Dann können wir diese Funktion in einer 52-Punkt-JS-Datei verwenden. Hier müssen wir die Funktion importieren. Import innerhalb von Clerass, ich muss nur den Funktionsnamen übergeben Keine Klammern, sonst krass, nur Funktionsname Dann können wir diese Funktion wie andere Funktionen verwenden. Auf die gleiche Weise können Sie diese Klasse exportieren, und Sie müssen dasselbe Verfahren befolgen , um diese Klasse aus der Datei zu importieren . Dann können wir Objekte mit dieser Klasse erstellen. Wenn Sie eine variable Funktion und eine Klasse gleichzeitig importieren möchten , ja, das können Sie. Nur um innerhalb des Crass zu importieren, müssen Sie den Variablennamen übergeben, dann müssen Sie Komma verwenden, dann müssen Sie den Funktions- und Klassennamen übergeben Dann müssen Sie nicht mehrere Importschlüsselwörter eingeben. Jetzt möchten Sie diese JS-Datei in Ihre Testdokumente importieren . Dafür müssen Sie nur dasselbe tun, aber innerhalb des Skript-Tags müssen Sie das Typmodul angeben. Sie müssen nur deklarieren , dass dies eine Moduldatei ist. Dann eine Quelle, Sie müssen dem relativen Pfad-Punkt-Backslash folgen dem relativen Pfad-Punkt-Backslash Dies ist das Einführungs-Tutorial des Moduls. Im nächsten Tutorial werden wir mit dem Praktikum beginnen. Danke, dass du dir dieses Video angesehen hast, Stadium für das nächste Tutorial. 15. Advance-Javascript-Module Tutorial: Wie Sie sehen können, öffne ich Seite an Seite meinen so Studio-Code-Editor und meinen Browser mit der Lb Server-Erweiterung und erstelle bereits ein eSTIML-Dokument dem Namen index dot eSTIml Damit erstellen wir einige JavaScript-Dateien, Minds, Library Dot Gas und Mediator Das sind alles D-Dateien. Wenn ich Ihnen meine eL-Datei mit Indexpunkt zeige, verwenden wir hier, wie Sie sehen können , das Script-Tag, und innerhalb des Skript-Tags verwenden wir den Typmodus. Außerdem stellen wir eine Quellquelle zur Verfügung, und dies ist die eingegebene Quelle. Wir verknüpfen unsere Minto JS-Datei mit dieser ETML-Datei. Außerdem haben wir eine Live-Dot-JS-Datei, in der ich unsere Variablenfunktionen und Klassen erstellen werde Variablenfunktionen und Eine wichtige Sache, an die Sie sich erinnern müssen. Module funktionieren nur mit Lip-Servern. Wenn Sie keinen Lp-Server verwenden, können Sie keine Module verwenden. Sie können Live-Servererweiterungen verwenden. Andernfalls können Sie Z oder AM verwenden. Ich werde Ihnen hier nicht erklären, wie wir Lip-Server verwenden können, da es sich um ein Tutorial für Fortgeschrittene handelt. Ich hoffe, Sie kennen sich bereits mit Lip-Servererweiterungen aus, und dann werde ich in die Bibliothek „Punkt hat Datei“ springen. In dieser Datei werden wir alle Variablen, Funktionen und Klassen erstellen . Zuerst werde ich eine Variable erstellen. Ich werde Late, Late, die Nachricht unserer Variablen eingeben . Nachricht entspricht innerhalb des doppelten Kurses, Hermon gibt eine Zeichenfolge ein, die aus sechs Modulen besteht Dann Semicon zwei in dieser Zeile. Es ist eine normale Variable. Wir können diese Variable nicht in anderen Dateien verwenden. Wenn wir diese Variable in anderen Dateien für diesen Starttyp verwenden möchten , können wir diese Variable in anderen Dateien verwenden. Ich werde diese Datei setzen und jetzt möchte ich diese Variable in der Minto JS-Datei verwenden Hier werde ich diese Variable importieren. Wie ich Ihnen gesagt habe, müssen wir für den Import dieser Variablen den Import Q-Import verwenden. Da ist der Kultiss gesetzt, wir müssen die Variable m übergeben und die Variable m ist Ab dann müssen wir den Dateipfad übergeben. Aber vor dem Dateipfad ist, wie ich dir gesagt habe, der Modu Wir müssen diesen Charakteren folgen, Punkt Baslas Der umgekehrte Schrägstrich mit Punkten ist unterschiedlich. Das ist unsere Datei und Semicon zwei auf dieser Folie. Jetzt können wir das sehr gut in dieser Datei verwenden. Jetzt werde ich diese Variable in unserer Konsole drucken. Ich gebe Console Dot Log in der runden Aussparung ein, unseren Variablennamen, Nachricht Und Semicon to in dieser Zeile. Nach Schritt funktioniert diese Datei, wie Sie sehen können, nicht, weil ich ein Vollidiot bin und die Erweiterung dieser Datei nicht weitergebe Library dot js ist eine JavaScript-Datei, daher müssen Sie die Erweiterung übergeben Nach Schritt dieser Datei, jetzt können Sie meine Konsole sehen, ich drucke sechs Bände. Nicht nur das, wenn Sie diese Nachricht auf Ihrer Kostenvoranschlagsseite drucken möchten , ja, das können Sie. Dafür müssen Sie JavaScript herunterfahren. Einige, um diese Zeile auszukommentieren und als Nächstes werde ich Dokument, Punkt, Körper, Punkt, Inneres Estim eingeben , das der variablen Nachricht entspricht Ich werde diese Datei sagen. Eine Regel, diese Datei, Sie können meinen Browser sehen, sechs Module drucken Jetzt werde ich diese Zeile auskommentieren und zurück zur Punktdatei der Bibliothek Hier werde ich eine Funktion erstellen und ich möchte diese Funktion exportieren, also gebe ich den Ex-Pot Dann verwende ich Funktion Q, um eine Funktionsfunktion zu erstellen, und unser Funktionsname ist user. Und ich möchte keinen Parameter übergeben. Dann im krassen Konsolen-Logbuch vom Typ H, im runden SS, werde ich ein Statement schreiben Hallo alle zusammen. Und Semgra auch in dieser Zeile Jetzt müssen wir diese Funktion importieren. Kehren wir zur Mind-Datei zurück, und nach der Nachricht möchte ich den Benutzer der Benutzerfunktion importieren. Wie ich Ihnen schon sagte, brauchen wir für die Funktion keine Parallelen Wenn Sie diese Funktion aufrufen möchten, müssen Sie nur den Funktionsnamen, den Benutzer und die Klammern wie bei function eingeben Benutzer und die Klammern Nach Schritt diese Datei, wie Sie in der Konsole sehen können, Hallo zusammen Wenn Sie ein Argument an diese Funktion übergeben möchten , ja, das können Sie. Nur innerhalb des doppelten Kurses H I, um das Argument zu übergeben. Ich möchte einen Namen übergeben, nämlich füge ein Ich hinzu. Füge ein Mg hinzu, und ich werde diese Datei einrichten. Dann gehe ich zurück zur LBJ-Datei und werde auch dieses Argument aufgreifen Dafür müssen wir eine Variable nehmen, nämlich Name , und ich möchte sie in der Konsole verwenden In der Konsole werde ich Backtakes verwenden. In den Backtakes gebe ich das Dollarzeichen Hallo in die Calise unseren Variablennamen , der Name lautet Wenn ich diese Datei einstelle, siehst du das Ergebnis, hallo, füge Mg hinzu Das funktioniert wie andere Funktionen. Es gibt keinen Unterschied. Lassen Sie uns nun eine Klasse in einer LV-Punktdatei erstellen. Zuerst gebe ich Port ein. Exportieren, dann werde ich eine Klasse erstellen. Wir müssen die Klasse Qd verwenden, dann unseren Klassennamen und ich sage, Geschmack Ich bin krass, ich werde eine Konstruktormethode erstellen Konstruktor, und in dieser Konstruktormethode werde ich Ein Typ Console Dot Log, ich bei Round Brass, bin Typ Constructor Method Dann sieben in dieser Zeile. Immer wenn wir ein Objekt mit dieser Klasse erstellen, ruft es automatisch die Konstruktormethode Kehren wir nun zur Do-Hauptdatei zurück, und wir müssen diese Klasse importieren Wir müssen den Klassennamen Taste übergeben. Dann müssen wir mit dieser Klasse ein Objekt erstellen. Typ, und unser Objektname ist A, A entspricht neuem Objekt, Neuer Geschmack. Und Semicon to in dieser Zeile. Wenn ich diese Datei einstelle, ist das, wie Sie in meiner Konsole sehen können, Methode print constructor Außerdem wird Hello Adv Mage aus unserer Funktion gedruckt. Irgendwie um diese Zeile zu kommentieren. Und speichere es nochmal. Kehren wir jetzt zur Vedo Datei zurück. Wie Sie sehen können, verwenden wir Export Qt mehrfach für Variablen für Funktionen unserer Klasse Es gibt eine andere Methode, mit der wir all diese in einer einzigen Zeile exportieren können . Lass mich dir zeigen, wie es funktioniert. Also gebe ich Export Key, Export ein, dann müssen wir innerhalb der Clibrase die Variablen-, Funktions- und Klassennamen übergeben Funktions- und Klassennamen O-Variable bedeutet Nachricht. Ich möchte eine Nachricht exportieren. Außerdem möchte ich den Funktionsbenutzer exportieren. Und genauso möchte ich Klasse und Geschmack exportieren. Dann unterschreiben Sie in dieser Zeile. Jetzt müssen wir die Exportschlüsselwörter von diesen Positionen entfernen . Zuerst entferne ich Export Qd aus der Klasse, dann entferne ich Export Qd aus der Funktion und zuletzt werde ich Export Ord aus unserer Variablen entfernen Export Ord aus unserer Variablen Wenn ich diese Datei, wie Sie sehen können, in meinem Browser eingestellt habe, hat sie dasselbe Ergebnis geschrieben Es gibt keine Änderungen. Dies ist eine weitere Möglichkeit , export kd zu verwenden und die Endklassen unserer Funktionsvariablen zu exportieren. Notar, wir können auch Allis Namen annehmen. Gehen wir zurück zur MindOS-Datei. Ich möchte Allis Namen nach Geschmack annehmen. Ich tippe Ape Taste als T. Jetzt müssen wir Taste nicht mehr eingeben , um ein neues Objekt mit der Taste Class zu erstellen. Weil der Name ketzerischer Verbündeter ist. Ich entferne den Geschmack und tippe einfach t ein. Lassen Sie uns kurz ersticken und schauen, ob es richtig funktioniert oder nicht? Nachdem Sie diese Datei eingerichtet haben, ist es, wie Sie in unserer Konsole sehen können, auch die Print-Constructor-Methode Ich meine, es funktioniert perfekt. Aber was ist, wenn ich den echten MB eintippe, lass uns Geschmack eintippen. Wenn ich auf diese Datei tippe, wird ein Pfeil geworfen. Lass es mich zeigen. Nach Schritt 1 wird in diese Datei, wie du Maz sehen kannst, ein Pfeil geschrieben Wenn wir nun Ais Namen nehmen, dann müssen wir nur den Namen des Verbündeten verwenden, nicht den echten Namen Lassen Sie uns jetzt zur Live do J-Datei zurückkehren. Nehmen wir an, wir haben viele Variablen, viele Funktionen und viele Klassen, und ich möchte all diese verwenden. Dann denken Sie vielleicht, dass Sie den Variablennamen jedes Mal verknüpfen müssen . Nein, ist es nicht. Wenn Sie all diese variablen Funktionen und Klassen importieren möchten , können Sie dies nur einmal tun. Also, um diese Zeile zu streichen und die vorherige zu kommentieren. Hier können wir einer neuen Methode zum Importieren folgen . Lass mich dir zeigen, wie. Nach dem Import von Qd werde ich eine Sünde verwenden, ein Sternzeichen. Sterne bedeuten alles Außerdem können wir ein Modul As-Name als n Sterne verwenden, und Sie können Ihren N-Namen für einen A-Namen verwenden. Jetzt müssen wir dieses Q-Wort verwenden. Lass mich dir zeigen, wie. Nehmen wir an, ich möchte die Nachricht in unserer Konsole drucken. Dieses Mal müssen wir Dot Message verwenden. Damit möchte ich den Funktionsbenutzer anrufen. In diesem Fall müssen wir m dot user eingeben. Für den Klassennamen müssen Sie hier M Punkt, unseren Klassennamen, übergeben. Wenn ich diese Datei einstelle, können Sie in meiner Konsole sehen, dass sie funktioniert. Diesmal funktioniert unsere Klasse nicht, weil diesmal unsere Klasse nicht funktioniert, weil wir hier den Namen Allied verwenden. Jetzt müssen wir den richtigen Namen verwenden, weil wir diese Zeile auskommentieren. Um diese Datei einzustellen, können Sie das Ergebnis sehen. Warum es undefiniert geschrieben ist. Vielleicht gibt es eine Null, die tippt. Ja, es ist eine Null beim Tippen. Wenn ich diese Nachricht entferne und erneut speichere, können Sie jetzt das Ergebnis sehen, sechs Module, Hallo Advanage, Konstruktor Dieser Stern hat unseren Code reduziert. Mit nur einem Stern können wir all diese Methoden, Klassen, Funktionen und Variablen als Asset bezeichnen . Das ist es für dieses Tutorial. Im nächsten Tutorial werden wir Standardfunktion lernen 16. Advance Javascript-Module Tutorial 2: Hallo Leute, schön, dass ihr wieder da seid. Dies ist ein weiterer Teil dieses Modul-Tutorials. Heute werden wir in diesem Tutorial die Standardfunktion lernen. Modal wurde mit einer Standardfunktion geliefert. Mal sehen, wie wir diese Funktion erstellen können. Außerdem werden wir sehen, wie wir sie verwenden können. Kehren wir zur Lb do JS-Datei zurück. Zuerst werde ich die gesamte Schule auskommentieren und dann werde ich die Standardfunktion erstellen. Um die Standardfunktion zu erstellen, müssen wir die Standardfunktion Q, Standard, verwenden. Standardfunktion. Dann Klammer. Dann stellt diese Difat-Funktion innerhalb des runden Prozesses im Grunde die gesamte Geldbuße dar Damit möchte ich auch diese Funktion exportieren. Hm tippe, exportiere que, export und Hmoype irgendwas Geben Sie also console dot love in den runden Prozess in der doppelten Und Sekte in dieser Linie. Führt jetzt zurück zur Min Do-Datei. Außerdem werde ich den gesamten Code auskommentieren, und ich werde diese Zeile für ungültig erklären und die vorherige auskommentieren Um die Standardfunktion zu importieren, müssen wir den gleichen Prozess verwenden. Lass mich dir zeigen, wie. Um also die Sternsinus und die Cals innerhalb der Cals zu entfernen , übergebe ich den Funktionsnamen , der Standard, Standard ist Außerdem müssen wir Aizenname als B.D. annehmen . Jetzt können wir diese Funktion aufrufen Geben Sie hier B und Sem zwei in diese Zeile ein. In dieser Datei steht, wie Sie in meinem Browser sehen können , geschrieben, hallo. Wir müssen keinen Namen für diese Funktion annehmen. Wann immer wir diese Funktion aufrufen, andernfalls diese Funktion importieren, nehmen wir den Namen für diese Funktion. Jetzt werde ich Ihnen endlich eine weitere Funktion von Mod vorstellen, die als Aggregatmodul bekannt ist. Hier werden wir lernen, wie wir mehrere Module in einer Datei verwenden können. Zuerst werde ich diese Zeile auskommentieren. Dann werde ich diese Importzeile auskommentieren. Gehen wir damit zur L der JS-Datei. Aus der L der J-Datei werde ich zuerst diese Zeile auskommentieren, ich brauche diese Zeile vorerst nicht, und ich werde auch diese Exportzeile auskommentieren Ich möchte nur Benutzerfunktionen exportieren. Sonst nichts. müssen wir diese Benutzerfunktion auskommentieren Außerdem werde ich kein Argument weitergeben. Ich entferne diese Argumente und gebe hier einfach einen Text ein. Hallo Welt. Und ich werde diese Datei einrichten. In dieser Bibliotheksfunktion haben wir also nur einen Funktionsnamen user. Wenn Sie es bemerken, können Sie sehen, dass wir eine weitere Datei haben. Medio Toto Js. Lass uns in diese Datei springen. Diese Datei wird die Rolle einer Brücke zwischen diesen beiden Datei-, - und Bibliotheks−Js spielen. Damit du es besser verstehst, werde ich diese Datei zwischen dieser Lackierung und den Haupt-Js verschieben zwischen dieser Lackierung und den Haupt-Js In unserer Live-JS-Datei exportieren wir hier Benutzerfunktionen Hier verwende ich die Haupt-JS-Datei. In unserer Stable-Datei fügen wir die Min Dot JS-Datei hinzu. Aber in der JS-Hauptdatei werde ich hier den Pfad der Importdatei ändern. Dieses Mal werde ich diese Zeile überarbeiten und die vorherige kommentieren . Diesmal möchte ich Mediator Dot JS importieren. Ich gebe die Mediator Dot JS-Datei und ich möchte die jeweilige Benutzerfunktion importieren Hier werde ich den Namen und das Startzeichen des Verbündeten entfernen und den Benutzer Caliss amotye einfügen Jetzt ist die Frage, wir erstellen keine Benutzerfunktion in der Meet In der Meteor Dot JS-Datei werde ich die Funktion aus der L A JS-Datei importieren Einige Typen importieren den Benutzer innerhalb der Klasse oder Funktion aus einer Live-Dot-JS-Datei Live Punkt J. Ich werde diese Datei einrichten. In unserer Mediator-Datei importieren wir die Benutzerfunktion aus L dot js Dann importieren wir in unserer Haupt-Punktdatei die Benutzerfunktion aus der Meteoro Dot JS-Datei Aber wenn ich diese Dateien einstelle, wird ein Fehler zurückgegeben, ungefähr so Es ist ein Syntaxfehler. Handprint, Mediator to Js stellt keinen Export namens User zur Verfügung Um dieses Problem zu lösen, muss er, wenn wir dafür eine Breeze-Datei verwenden wollen, wenn wir dafür eine Breeze-Datei verwenden wollen, den Export verwenden Ich komme zu dieser Zeile und kommentiere die vorherige und hier müssen wir x eingeben. Nun, wenn ich diese Datei eingestellt habe, können Sie sehen, dass bei meinem Verbrauch kein Fehler aufgetreten ist. in unserer Mando e-Datei Wenn ich in unserer Mando e-Datei die Benutzerfunktion aufrufe und das Argument entferne, weil ich diesmal kein Argument in unserer Benutzerfunktion behandle Akzeptiere diese Datei, du kannst das Ergebnis sehen. Jetzt heißt es print hello world. So schnell, dass wir von der Bibliothek zum Mediator exportieren. Dann exportieren wir vom Mediator aus die Mando Das ist es für dieses Tutorial. Im nächsten Tutorial werden wir etwas über Versprechen lernen. Danke, dass du dir dieses Video angesehen hast, Stun für das nächste Tutorial 17. Advance JavaScript – Promise-Tutorial: Hallo Leute, schön, dass ihr wieder da seid. Ich bin wieder mit einem neuen Tutorial für fortgeschrittenes Javascript zurück. In diesem Tutorial werden wir etwas über Versprechen lernen. Promise, Einführung der sechsten Version von Javascript. Versuchen wir, Versprechen mit grafischen Bildern zu verstehen. Nehmen wir an, das bist du und das ist dein Freund. Ihr Freund ruft Sie an und sagt, langjährige Nase, Treffen wir uns, und Sie haben geantwortet: Treffen wir uns morgen Das heißt, du hast deinem Freund versprochen , dass du ihn morgen treffen wirst Jetzt können wir dieses Versprechen in drei Stufen definieren. Unsere erste Phase steht noch aus. Ihr Versprechen wird bis morgen ausstehen, und wenn Sie Ihren Freund morgen treffen, dann haben Sie das Versprechen erfüllt. Dies ist die zweite Phase der Verheißung. Dann kommt die dritte Stufe, die abgesegnet wird. Wenn Sie aus irgendeinem Grund beschäftigt und Ihr Versprechen nicht erfüllen können, müssen Sie das Versprechen einhalten. Das sind die drei Stufen des Versprechens: ausstehend, volle Pille und Nun stellt sich die Frage, was wir normalerweise auf der Grundlage von Versprechen tun Du entscheidest, ob du die Versprechen einhältst, dann gehst du ins Restaurant zum Essen, und wenn du das Versprechen einhältst, dann triffst du dich an einem anderen Tag Beide Ergebnisse hängen von Ihrem Versprechen ab. Auf die gleiche Weise funktioniert die JavaSP-Promise-Methode. Wir haben einen Methodennamen promise. Dann spezifizieren wir innerhalb dieses Versprechens eine Bedingung, und auf der Grundlage dieser Bedingung zu Ergebnissen zurück. Andernfalls beschließe, andernfalls respektiere. Wenn unser Zustand behoben ist, können wir jetzt eine neue Funktion verwenden, die dann aufgerufen wird In der Funktion Dann werden wir entscheiden, ob unser Versprechen erfüllt wurde, was wir dann tun werden. Wie ich dir gesagt habe, wenn du deinen Freund morgen triffst, dann gehst du ins Restaurant, und wenn unser Zustand sich bessert, dann nennen wir eine weitere Funktion mit dem Namen catch Bei beiden Funktionen handelt es sich um Höhlenfunktionen. Diese sind alles in allem Funktionen von JavaScript. Sie können jedoch einen beliebigen Funktionsnamen für die Ergebnisfunktion verwenden und die Funktion respektieren. Es ist eine PU. Dies ist die Promise-Methode, die in der Version von Java-Skript eingeführt wurde. Lassen Sie uns nun über die Syntax sprechen, wie wir die Promise-Methode in JavaScript verwenden können. Zuerst müssen wir eine Variable nehmen. Dann müssen wir in dieser Variablen ein neues Versprechen definieren. Jetzt werden diese Variablen zu Object Promise. Wie ich Ihnen bereits sagte, definieren wir eine Funktion innerhalb dieser Promise-Methode. So können wir es machen. Hier erstellen wir eine Funktion innerhalb dieses Versprechens, und wir können auch die Pfeilfunktion verwenden. Im Grunde müssen wir in dieser Funktion hier insgesamt zwei Parameter übergeben. In unserem Fall lösen und ruhen Sie sich aus, und Sie können einen beliebigen Namen für diesen Parameter verwenden. Wenn Ihr Versprechen erfüllt ist, können Sie die Ergebnisfunktion aufrufen, und wenn Ihr Versprechen nicht eingehalten wurde, können Sie die Funktion Resect aufrufen Nun stellt sich die Frage, wie wir die Funktionen aufrufen können. Dafür können wir eine Bedingung erstellen. So etwas in der Art. Wie du in diesem Versprechen sehen kannst, eine Wenn-anders-Bedingung schaffen. Sie können Ihre eigene Bedingung festlegen, es liegt an Ihnen, und wenn Ihre Bedingung erfüllt ist, können Sie die Ergebnisfunktion aufrufen. Wenn Ihre Bedingung fehlschlägt, Sie beim Start von L die können Sie beim Start von L die Rest-Funktion aufrufen. Sie müssen die Funktion nirgends erstellen, Sie müssen die Funktion aufrufen. Wie ich Ihnen bereits sagte, können wir eine weitere Funktion erstellen, wenn sich Ihre Versprechen erfüllen, andernfalls ruhen Sie sich auf die weitere Arbeit aus. In unserem Fall bei Erfüllung. Das heißt, wann immer wir die Ergebnisfunktion aufrufen, wird sie diese Funktion aufrufen, und welche Ergebnisfunktion auch immer geschrieben wurde, wir können sie in einer Variablen speichern. In unserem Fall result und Here können Sie einen beliebigen Variablennamen verwenden. Auf die gleiche Weise für das Ergebnis erstellen Sie hier eine weitere Funktion, die sich auf Resektion bezieht Wenn diese Funktion etwas zurückgibt, können wir es in unserer Variablen speichern Dann werden wir es in unserer Konsole drucken. Wie ich dir gesagt habe, kannst du einen beliebigen Namen für diese Variablen verwenden. Nun werden diese beiden Funktionen nicht von selbst aufgerufen. Dies sind keine Höhlenfunktionen. Um diese beiden Funktionen aufzurufen, gibt es in Java stip einige Funktionen, nämlich dann und catch Ich habe schon davon erzählt. Diese beiden Funktionen sind Höhlenfunktionen. Wenn unsere Bedingung gelöst ist, ruft sie automatisch die Funktion auf, und die Funktion then wird bei der Erfüllung aufgerufen Wenn unsere Bedingung res ist, sie automatisch als **** Funktionsname catch bezeichnet . Und sie wird diese Funktion bei der Reaktion aufrufen. Dann wird die Funktion die Fulfillment-Funktion aufrufen , und die Catch-Funktion wird die Resection-Funktion aufrufen Lassen Sie uns das Thema zusammenfassen. Zuerst werden wir ein Versprechen erstellen, und innerhalb des Versprechens werden wir eine Funktion erstellen In dieser Funktion müssen wir hier zwei Variablen verwenden. Unsere erste Variable steht für Erfolg und unsere zweite Variable steht für Misserfolg. Dann schaffen wir innerhalb dieses Versprechens eine Bedingung. Wenn die Bedingung erfüllt ist, wird Resolve aufgerufen, und wenn die Bedingung nicht erfüllt ist, wird sie Rest genannt. Bei einem aufgelösten Funktionsaufruf wird sie dann automatisch als Cove-Funktionsname bezeichnet , und wenn ich die Rest-Funktion aufgerufen habe, wird sie automatisch mit dem Namen der Cove-Funktion catch bezeichnet . Jetzt fragen Sie sich vielleicht, wie wir Argumente an diese Funktionen senden können . Wie Sie sehen können, haben wir für unsere Funktionen Parameter, Ergebnis und Fehler. Wie wir den Wert an diese Funktion senden können. Immer wenn wir die Funktion mit dieser Funktion aufrufen, auflösen, andernfalls eine Rest-Funktion verwenden, senden wir den Wert. Wie Sie sehen können, hier ist Erfolg, hier ist Misserfolg. Immer wenn wir die Fulfillment-Funktion aufrufen, wird diese Masse diesem Variablennamen das Ergebnis zugewiesen . Auf die gleiche Weise hat es bei einer Reaktion funktioniert. Das ist es für dieses Tutorial. Im nächsten Tutorial werden wir mit dem Praktischen beginnen. Vielen Dank, dass Sie sich dieses Video Geben Sie es für das nächste Tutorial an. 18. Promise-Methode in Javascript: Endlich bin ich wieder bei meinem ISO-Sudo-Code-Editor. Und Sie können sehen, ich erstelle eine STL-Datei mit dem Namen Index Dot Und ich öffne diese Datei auch in meinem Browser mit der Life Server-Erweiterung In das Head-Tag gebe ich zuerst das Script-Tag ein. Im Skript-Tack nehme ich zuerst eine Variable Verspätet, abgeschlossen und ihr Wert ist wahr. Es ist ein Van-Wert, und ich werde diesen Wert in unserer versprochenen Methode überprüfen. Abhängig von diesem Ergebnis werden wir unseren nächsten Code erstellen, dann werde ich eine Promise-Methode erstellen. Ich nehme einen Variablennamen pro und dann verwende ich ein neues Schlüsselwort, New Promise. Innerhalb dieser Promise-Methode müssen wir eine Funktion erstellen und ich gebe das Funktionsschlüsselwort ein. Dann in den Kalibraten. Wir müssen Bedingungen schaffen. Ich werde die EP-Bedingung einrichten. Ich werde in der Klammer unseren Variablenwert überprüfen Ich gebe meinen Variablennamen vollständig ein. Wenn wahr, leitet es zur Bedingung weiter, und ich falsch, dann leitet es zur Bedingung um. Wie ich dir schon gesagt habe, versprich, nur zwei Ergebnisse zurückzugeben. Es steht geschrieben: Ruhe oder Erfüllung. Dafür müssen wir zwei Parameter in unserer Funktion verwenden. erfolgreich zu sein, nehme ich die Ergebnisvariable und für den Rest die Restvariable. Wenn unsere Funktion erfüllt ist, innerhalb der e-Bedingung verwende ich innerhalb der e-Bedingung die Funktion resolve. Wenn Ruhe innerhalb der Bedingung liegt, rufe ich die Funktion Rest auf. Wir müssen diese Funktion nicht erstellen. Wir müssen nur diese Funktion aufrufen. Wenn wir diese Funktion aufrufen, können wir unsere Val-Funktionen verwenden , also then und catch. Jetzt sende ich eine Nachricht zur Ergebnisbedingung. Ich bin erfolgreich. Aus Respekt werde ich noch eine Botschaft schicken Ich habe versagt, und jetzt rufe ich dieses Pro-Objekt in unserer Konsole Punktprotokoll der Konsole im Round Braces Pro ist keine normale Funktion, es ist ein Objekt Wir müssen Round Brass nicht hinter dem Objektnamen verwenden. Wenn ich diese Datei einstelle, können Sie in meinem Konsolenbereich sehen Sie können in meiner Konsole sehen, dass sie gedruckt wird. Ich bin erfolgreich, weil wir wahren Wert in unserer vollständigen Variablen senden. Wenn ich sie öffne, siehst du das versprochene Ergebnis, ich bin erfolgreich und der Status des Versprechens ist erfüllt. Aber wenn ich für unsere Variable einen falschen Wert setze und diese Datei setze , wird die Meldung Ich habe versagt und es wird auch ein Pfeil angezeigt. Wenn ich dieses Versprechen öffne, siehst du, dass der Status des Versprechens eingehalten wurde. Außerdem können wir Parameter wie bei einer normalen Funktion senden. Ich werde diesen kompletten Variablenwert entfernen, ich werde eine Funktion erstellen. Funktion pro innerhalb der Runde ss komplett, dann innerhalb des CSS, und ich werde diesen Code in das Auto ss verschieben. Unsere Funktion wird das Versprechen zurückgeben. Im Moment müssen wir keine Variablen verwenden. Ich werde diesen Variablennamen entfernen und ein neues Versprechen zurückgeben. Wir müssen einen Wert übergeben, warum rufen wir diese Funktion auf? Wenn ich true als Argument sende. Wenn ich diese Datei einstelle, können Sie meine Konsole sehen, ich drucke, bin ich erfolgreich, und wenn ich falsch als Argument sende. Jetzt heißt es drucken, ich habe versagt. Ich verspreche, die Funktion funktioniert einwandfrei. Jetzt werde ich zwei verschiedene Funktionen für Resolve und für Rest erstellen . Für Resolve erstelle ich die Variable „Late“, Unfulfillment“ und verwende die Pfeilfunktion Wenn wir diese Funktion aufrufen, sende ich einen Wert, der Ergebnis ist , und dieser Wert stammt von der Resolve-Funktion In der krassen Konsole wird das Ergebnis protokolliert. In ähnlicher Weise müssen wir eine andere Funktion für den Resect-Abschnitt erstellen andere Funktion für den Resect-Abschnitt Ich dupliziere diese Zeilen und ersetze Fulfillment durch On Resection and Send Error wie im Parameter Punktprotokoll der Konsole, Druckfehler. Wie ich Ihnen bereits sagte, müssen wir die Funktion covec verwenden, um diese Funktionen aufzurufen, die dann und catch sind Aber zuerst müssen wir pro function aufrufen, und innerhalb der Klammern müssen wir einen Wert senden, und dann ist unser Wert t dt Wenn unser Problem gelöst ist, müssen wir innerhalb der Klammern die Fulfillment-Funktion aufrufen, und ich werde diese Zeile zu Resektionszwecken duplizieren , und dieses Mal müssen wir Und innerhalb der Klammern müssen wir Im Moment brauche ich diesen Punktsperrbereich für die Konsole nicht, also werde ich ihn entfernen Wenn ich diese Datei einstelle, können Sie in meiner Konsole sehen, dass sie gedruckt wird, ich bin erfolgreich. Wie ich dir schon sagte, hat Promise drei Stufen. Zuerst steht eine noch aus, dann wird entschieden und zurückgezogen. Lassen Sie uns über ausstehend sprechen. Wir benutzen es, bevor wir das Versprechen abgeben. Wenn ich die Funktion innerhalb der Funktion zurückgebe , werde ich zuerst das Punktprotokoll der Konsole verknüpfen. Bitte warten Sie. Jetzt steht es noch aus. Und dann werde ich die festgelegte Timeout-Funktion verwenden. Stellen Sie das Timeout ein und dann werde ich die Pfeilfunktion erstellen. Ich habe einen kleinen Fehler gemacht. Wir müssen die ausstehende Phase in die Promise-Funktion schreiben . Ich werde diesen Abschnitt auswählen und ihn in die Promise-Methode verschieben. Innerhalb des festgelegten Timeout-Abschnitts werde ich diese P-Bedingung bestehen, werde ich diese P-Bedingung bestehen, und ich möchte diese Bedingung für 4.000 Milligain Wenn ich diese Datei einstelle, können Sie in meiner Konsole sehen, zuerst drucken, bitte warten, und dann müssen wir auf Force warten Aber dann druckt es, ich bin erfolgreich. Ich drucke bitte warte zweimal. Um dieses Problem zu lösen, verwende ich die Methodenkette und mache sie dann und die Catch-Funktion einzeilig. Ich werde diese Cache-Funktion entfernen und nach einer Nichterfüllung die Reaktion nicht auffangen Wenn das Ergebnis nun wahr ist, wird es Fulfillment-Funktion genannt Und wenn ich falsch bin, es ruft eine Resektionsfunktion auf. Und wenn ich diese Datei einstelle, können Sie in meinem Konsolenbereich Hosted Print sehen . Bitte warten Sie Wir müssen auf Force Second warten. Dann wird es gedruckt, ich bin erfolgreich. Ebenso müssen wir, wenn ich den falschen Parameter übergebe und diese Datei setze, auf Force Second warten. Und dann wird es gedruckt, ich scheitere. Bitte, es ist unsere ausstehende Nachricht. Wir verwenden die Funktion „Timeout festlegen“, da das CIM von Daten vom Server sehr lange dauert Lass mich dir eine Sache zeigen. Wenn Sie diese Funktion nicht erstellen möchten, können Sie das tun. In diesem Fall rufen Sie diese Funktion direkt im Abschnitt then oder catch auf. Ich werde diese Ergebnisfunktion kopieren und sie innerhalb der Then-Funktion aufrufen. In ähnlicher Weise rufe ich die Fehlerfunktion in unserer Catch-Funktion auf und werde diese vorherige Zeile auskommentieren. Wenn ich diese Datei speichere, läuft sie zuerst über die ausstehende Phase dann wird sie gedruckt. Ich finde heraus , dass wir einen falschen Wert an unsere Pro-Funktion senden. Nicht nur das, wir können mehrere Argumente an unsere Pro-Funktion übergeben . Im Moment brauche ich diese Zeile nicht, also werde ich sie entfernen. Und in meiner Profi-Funktion übergebe ich zwei Parameter, zwei und sieben. In meiner Funktion nehme ich zwei Parameter x und y. Dann füge ich das Versprechen ein, ich nehme eine weitere Variable Z, Z gleich x multipliziert mit y. Dann füge ich die Funktion set timeout Dann füge ich die Funktion set timeout ein und ersetze die Variable durch z. Wenn eine Multiplikation möglich ist, verwende ich innerhalb der Ergebnisfunktion die Methode Tempted String. Wenn eine Multiplikation möglich ist, innerhalb der Ergebnisfunktion verwende ich innerhalb der Ergebnisfunktion die Methode Tempted In den Bakterienkörpern steht Ihr Ergebnis, ein Doppelpunkt, ein Türsignal in den Klären Z, für Ihr Ergebnis. In ähnlicher Weise werde ich in der Rest-Funktion falsche Eingaben senden Wenn ich diese Datei zuerst einstelle, müssen wir vier Sekunden warten. Dann druckst du unser Ergebnis aus, 14. Weil wir zu einem numerischen Wert übergehen, ist unsere Bedingung wahr. Aber wenn wir einen Zeichenkettenwert übergeben, was passiert dann? Ich werde einen Zeichenkettenwert als Argument übergeben. Sieben durch ein kleines t ersetzen. Wenn ich diese Datei gesetzt habe, kannst du das jetzt in meiner Conzone sehen Es wird eine falsche Eingabe gedruckt. Grundsätzlich behandeln wir Fehler mit der Promise-Methode. Ich hoffe, Sie verstehen jetzt, was Promise in Advanced Javascript ist und warum und wie wir es verwenden. Danke, dass du dir dieses Video angesehen hast. Wir sehen uns beim nächsten Tutorial. 19. Verspreche alles: Hallo Leute, schön, dass ihr wieder da seid. Im vorherigen Video behandeln wir ein Thema namens Promise. Dies ist der zweite Teil desselben Themas. In diesem Video lernen wir die Promise-All-Methode kennen. Wir verwenden Promise, um eine Bedingung zu überprüfen. Entweder wird unser Versprechen erfüllt, oder es wird eingehalten. Wenn unsere Funktion für die weitere Arbeit aufgelöst ist, verwenden wir diese Wenn unsere Funktion gelöscht wird, verwenden wir die Cache-Funktion, um unsere Fehlermeldung anzuzeigen Nehmen wir an, wir haben eine solche Situation, wir haben viele ähnliche Versprechen Wenn wir dann oder die Cache-Funktion für alle Versprechen verwenden, wird unser Code sehr lang. Um dieses Problem zu lösen, wurde in der Version Java Script S 6 eine neue Funktion eingeführt. Versprich alles. Mit dieser Funktion können wir jedes Versprechen auf einmal überprüfen. In unserem Fall haben wir drei Versprechen. Sie können auch Tausende von Versprechen gleichzeitig überprüfen. Wie Sie wissen, hat jedes Versprechen ein Ergebnis. Vielleicht Entschlossenheit, vielleicht Ruhe. Wenn unser Versprechen erfüllt ist, wissen Sie, dann verwenden wir die Funktion. Aber du musst dich an eine Sache erinnern. Wenn alle Versprechen erfüllt sind, können Sie diese Funktion nur dann verwenden. Wenn ein Teil des geschriebenen Versprechens nicht erfüllt ist, rufen Sie unsere Catch-Funktion auf. Lass es mich dir noch einmal erklären. Wenn wir mehrere Versprechen haben, können wir dies mit der Funktion promise dot all auf einmal überprüfen. Wenn alle unsere Versprechen erfüllt sind, wird unsere Then-Funktion ausgeführt. Wenn etwas von Promise nicht mehr funktioniert, ruft es die Check-Funktion auf. Lass mich dir den Syntex zeigen. Wie können wir Promise Dot All Function schreiben? Angenommen, wir haben eine Promise-NMP-Version. Und in dem Versprechen, wie Sie sehen können, erstelle ich eine Funktion. Innerhalb der Funktion drucke ich eine Nachricht in unserer Konsole aus, verspreche eine, und ich werde dieses Versprechen lösen. Ich rufe die Auflösungsfunktion und drucke eine Nachricht aus. In ähnlicher Weise erstelle ich ein weiteres Versprechen mit dem Namen P zwei. Und im Konsolenprotokoll und beim Drucken lautet unsere Nachricht Versprechen zwei. Außerdem löse ich dieses Versprechen und sende Nachricht zwei, und jetzt möchte ich dieses Versprechen sofort überprüfen. Dafür können wir unsere Promise-All-Funktion verwenden. Wenn wir die Funktion dot all verwenden, innerhalb der Runde res können wir innerhalb der Runde res ein Array verwenden und wir können mehrere Versprechen übergeben , so etwas in der Art. In der quadratischen Aussparung, p1p2. Wenn wir 50 Versprechen haben, nach derselben Methode können wir nach derselben Methode alle Versprechen überprüfen Verwenden Sie einfach das Koma und geben Sie den Promise-Namen ein. Es hat einen Vorteil , es zu verwenden. Wir müssen dann ausnahmsweise die Funktion aufrufen und auffangen. Wir müssen beide Funktionen nicht mehrmals verwenden. In der Funktion then and catch können wir unsere verschiedenen Codes eingeben. Ich werde Ihnen die praktische Demonstration geben und es ist Zeit, zu meinem ISO-Studio-Code-Retor zurückzukehren Endlich bin ich wieder bei meinem Visual Sudo-Code-Editor. Sie können nebeneinander sehen, ich öffne meinen Visual Studio-Cod-Editor und ich öffne meinen Browser mit der Life Server-Erweiterung Zuerst gebe ich unser Skript-Tag ein. Dann werde ich in diesem Skript-Tag unser erstes Versprechen erstellen. Spätes P eins entspricht einem neuen Versprechen. Im Down-Prozess werde ich eine Pfeilfunktion erstellen. Wie Sie wissen, führt unser Versprechen immer zu einem Ergebnis. Beides ist gelöst, beides ist Ergebnis. Als Ergebnis verwende ich einen Variablennamen resolve. Zum Ausruhen werde ich eine variable Pause einlegen. Sie können einen beliebigen Namen eingeben. In dieser Funktion werde ich die Set-Timeout-Funktion verwenden. In dieser Set-Timeout-Funktion werde ich eine Pfeilfunktion erstellen Ich werde unseren Code behalten weil wir mehrere Versprechen verwenden werden, und ihre Zeitpläne sind unterschiedlich, und ich möchte unser erstes Versprechen noch einmal ausführen Ich tippe eins multipliziert mit tausend. Wenn ich diese Nachricht aufrufe, druckt sie etwas in unserer Konsole. Ich werde das Punktprotokoll der Konsole in das runde Messing eingeben, das erste Versprechen wurde erfüllt. Und dann rufe ich unsere Ergebnisfunktion auf. Ich gehe davon aus, dass unsere Funktion immer aufgelöst wurde, und ich möchte einen numerischen Wert in unserer Ergebnisfunktion senden . Ich binde fünf. Das ist unser erstes Versprechen. In ähnlicher Weise werde ich ein weiteres Versprechen aushandeln. Ich wähle den Code aus und dupliziere ihn. verspreche, der Name ist P zwei, und ich werde auch in unserer Konsole drucken. Das zweite Versprechen wurde gelöst, und unsere Ergebnisfunktion, ich werde zehn als Wert senden, und ich möchte dieses Versprechen um 3 Sekunden verzögern. In ähnlicher Weise werde ich ein weiteres Versprechen erstellen. Ich wähle das Versprechen aus und dupliziere es. Der Name des Versprechens ist P drei. Consol Dot Log, ich schicke eine Nachricht. Das dritte Versprechen wurde erfüllt. Und in meiner Ergebnisfunktion nehme ich die ersten 30 als Wert, und ich möchte dieses Versprechen um 5 Sekunden verzögern. Jetzt möchte ich das gesamte Versprechen auf einmal überprüfen. Ich werde die Methode Promise Dot All verwenden. Ich werde Promise Dot All in die runde Aussparung eingeben . Wenn Sie mehrere Versprechen überprüfen möchten, müssen Sie verwenden. In dieser quadratischen Aussparung, Pfostentyp P eins, P zwei, P drei. Diese Methode wird alle Versprechen nacheinander überprüfen. Dann werde ich die Funktion then zur Auflösung verwenden. Außerdem werde ich die Cache-Funktion für Rest Dot Catch verwenden. Wenn eines dieser drei Versprechen eingehalten wird, wird die Cache-Funktion automatisch ausgeführt Denken Sie daran, dann ist Catch unsere Covec-Funktionen. In der Then-Funktion werde ich eine Pfeilfunktion erstellen. Nennen Sie das Ergebnis. In der Ci Resis können Sie hier sehen, dass jede Funktion ein Ergebnis in unserer Ergebnisfunktion gesendet hat , fünf, zehn, 30, und ich möchte alle drei auf einmal drucken Punktprotokoll der Konsole, innerhalb des runden Messings, werde ich die Schablonenzeichenfolge Methyl verwenden Auf der Rückseite ergeben sich Ergebnisse, Doppelpunkt, Dollar, Sinus im Inneren des quadratischen Messings Es ist Spring, der Wert des Ergebnisses , den wir von der Auflösungsfunktion erhalten In ähnlicher Weise werde ich eine Pfeilfunktion in unserer Catch-Funktion erstellen . Und unser Funktionsname ist Fehler, und in der Konsole wird sie eine Fehlermeldung ausgeben. Im Grunde erstelle ich drei verschiedene Versprechen, und jedes Mal, wenn ich eine Nachricht in unserer Konsole ausdrucke, sendet jedes Versprechen anderen Wert in der Auflösungsfunktion. Wie Sie sehen können, fünf, zehn und 30. Lass uns die Datei einrichten. Wenn ich Ihnen meine Konsole zeige, können Sie zuerst sehen, ob sie zuerst gedruckt wird. Versprechen hat ein Ergebnis. Dann, nach zwei Sekunden, druckt es unsere zweite Nachricht. Nach fünf Sekunden druckt es unsere dritte Nachricht. Am Ende erhalten wir unser Ergebnis als Array von. Wenn Sie unseren Ergebniswert berechnen möchten, ja, das können Sie. In meiner Then-Funktion. Wir müssen Foreign Loop verwenden. Fügen Sie also die Then-Funktion ein. Aber zuerst müssen wir eine Variable setzen. V insgesamt gleich Null. Fügen Sie dann die Then-Funktion ein, um die runde Basis einzufügen Im Ergebnis möchte ich alle Werte addieren Akzeptiere den Wert in unserer Gesamtvariablen. Ich binde Summe plus gleich einem Ergebnis. Unser Ergebnis ist ein Array. Innerhalb des Quadrats ss müssen wir unseren Gegenstand definieren. I. Außerdem möchte ich das Ergebnis zeigen. Ich dupliziere diese Konsolenzeile und in den hinteren Häkchen. Ich gebe total ein und in das Auto resis übergebe ich den gesamten Variablenwert Jetzt werde ich diese Datei speichern. Wie Sie sehen können, druckt es unsere Versprechen und schließlich unseren Gesamtwert. Wenn alle Funktionen ausgeführt werden, ruft unsere Promise-All-Methode dann die Funktion auf. Wenn eine der in der Methode geschriebenen Zeilen eine Pause eingibt, dann hat unsere Promise-Funktion die Catch-Funktion geschrieben. Ich werde eines der Versprechen respektieren. In unserem Fall versprechen Sie drei. Ich kommentiere die Ergebnisfunktion aus und rufe die Respect-Funktion auf und drucke den Rest der Nachricht. Wenn ich diese Datei einstelle, können Sie in meiner Konsole sehen, dass sie gedruckt wird. Das erste Versprechen wurde erfüllt. Dann wird es gedruckt, das zweite Versprechen hat sich erfüllt. Für unser drittes Versprechen ist es print, das dritte Versprechen hat Rest, und unsere Promise-Methode run catch function, error rest. Unsere Then-Funktion hat hier nicht funktioniert, und ich werde Ihnen ein anderes Beispiel zeigen. Sie können sehen, dass diese drei Versprechen sehr ähnliche Art von Versprechen sind. Wir können es kleiner machen. Ich werde diese beiden Versprechen streichen. Ich werde hier ein neues Versprechen erstellen und dieses Versprechen in eine Funktion umwandeln. Zuerst erstelle ich ein Versprechen. Dann füge das Versprechen ein, ich rufe eine gemeinsame Funktion auf. Und unser Funktionsname ist pro Call, und innerhalb der Funktion werde ich zwei Parameter übergeben. Für den aufgelösten Wert übergebe ich einen numerischen Parameter und für unsere Punktlog-Nachricht in der Konsole übergebe ich einen Zeichenkettenparameter. Zuerst. Das ist unser erstes Versprechen. In ähnlicher Weise werde ich zwei weitere Versprechen erstellen, P zwei und P drei, und ich werde auch unsere Botschaft ändern. Für das Ergebnis werde ich 15 bestehen, und für unsere Konsolennachricht werde ich die zweite Stufe überschreiten. In ähnlicher Weise ist der Auflösungswert für Versprechen drei 20. Und unser Konsolenwert ist der dritte. Aber zuerst müssen wir einen Funktionsnamen pro Aufruf erstellen. Jetzt möchte ich unsere festgelegte Auszeit zu einer Funktion machen , nicht zu einem Versprechen. Ich entferne den Code und binde Late Pro Call gleich der Funktion. Innerhalb der Funktion sind unser erster Parameter geschriebene Daten und unser zweiter Parameter ist Nachricht. Innerhalb der geschriebenen Daten werden wir zehn, 15, 20 übergeben. Innerhalb der Nachrichtenvariablen werden wir den ersten, zweiten und dritten übergeben. Sie können einen beliebigen Namen eingeben, und jetzt werde ich diesen Parameter in unserer Konsole verwenden. Punktprotokoll der Konsole im Punktprotokoll der Konsole, ich werde es innerhalb der Backtakes, der Dollar-Kalkulisse, innerhalb der Kalibrationen, unserer Botschaft dynamisch gestalten Dollar-Kalkulisse, innerhalb der Kalibrationen, Wenn unser Versprechen erfüllt ist, sendet es geschriebene Daten als Wert, und ich möchte die festgelegte Timeout-Funktion dynamisch ändern Also werde ich den Rückgabewert an 100 senden. Beim ersten Mal verzögert es sich erneut, dann verzögert es sich um 1,5 Sekunden, und unser drittes Versprechen ist eine Verzögerung von 2 Sekunden. Wir wissen, dass jede Promise-Funktion etwas zurückgibt, entweder Resolve oder Rest. Aber wir erstellen keine grundlegende Funktion, die Resolve oder Rest zurückgibt. Ich werde die Funktion set time out kürzen und ich werde eine Basisfunktion erstellen und zwei Parameter, resolve und rest, senden. In die Kalibrationen werde ich unsere Timeout-Funktion einfügen Es ist eine anonyme Funktion. Es wird das Versprechen zurückgeben. Wenn wir die Protokollfunktion aufrufen, wird die anonyme Funktion geschrieben Wir müssen dafür ein geschriebenes Schlüsselwort eingeben. Es ist im Grunde eine Funktion, die wir in unserer Promise-Funktion aufrufen. Es ist ein Versprechen, es wird zurückkehren, sich auflösen oder ruhen lassen, und dann zeigst du unsere dynamische Botschaft. Legen Sie eine Auszeit fest und wir müssen nichts ändern. Ich werde die Datei einrichten. Sie können in meiner Konsole sehen, dass unsere Nachrichten dynamisch gedruckt werden. Wenn Sie den Auflösungswert ändern möchten, ja, das können Sie. Lass es uns ändern. Unser erster Wert ist 20, unser zweiter Wert ist 40 und unser dritter Wert 60. Wenn ich diesen Code einstelle, ist unser erstes Versprechen eine Verzögerung von zwei Sekunden. Als nächstes folgt eine Verzögerung von vier Sekunden. Nach sechs Sekunden druckt es unser drittes Versprechen, und dann drucken Sie unsere insgesamt 120, und jetzt werde ich ein weiteres Versprechen erstellen, das Ihnen einen Wert zurückgibt Ich dupliziere diese Zeile. Und ändere den Namen P four. Im Rahmen dieses Versprechens werde ich eine anonyme Funktion erstellen und zwei Argumente verwenden: Resolve und Rest. Dieses Mal möchte ich die Rest-Funktion aufrufen. In der Rest-Funktion werde ich eine Nachricht weiterleiten. Das vierte Versprechen ruhte. Wenn ich den Code einstelle, ruft unsere Promise-All-Methode die Catch-Funktion Lassen Sie uns den Code festlegen und sehen, was passiert ist. Aber bevor wir den Code setzen, müssen wir dieses Versprechen in unserem Versprechen all function, P drei, P vier nennen . Wenn ich den Punktestand festlege, siehst du meine Konsole. Zuerst wird der Fehler gedruckt. Das vierte Versprechen wurde abgelehnt, dann führt es unser Versprechen nacheinander aus, und es gibt keinen Gesamtwert in unserer Konsole, weil unsere Promise-Methode die Catch-Funktion geschrieben hat. Ich hoffe, Sie verstehen, was die Promise-Methode ist, und jetzt wissen Sie, warum und wie wir die Promise-Methode verwenden. Danke, dass du dir dieses Video angesehen hast. Wir sehen uns im nächsten Material. 20. Ajax Einführung: Hallo Freunde, schön, dass ihr wieder da seid. Dies ist unser Javascript-Kurs für Fortgeschrittene. In diesem Video werden wir lernen, was JX ist. Versuchen wir zu verstehen, was Axt bedeutet. Alle Charaktere, die Sie in der Axt sehen , haben einige Bedeutungen. A bedeutet Synchronisieren und J steht für Javascript, A für n und x steht für XML. XML ist eine Art Datenformat. Im Grunde genommen wurden mit Az X schnelle und dynamische Webseiten erstellt. Versuchen wir zunächst zu verstehen, wie wir unsere Seite mit Ax zuerst dynamisch gestalten können. Angenommen, wir haben unsere Website. Wir haben Header, Never und Sideward auf unserer Website, und wir haben auch eine Inhaltsleiste, und jetzt möchte ich eine separate Seite für alle Links erstellen separate Seite für alle Links Aber wenn wir auf einen Link klicken, möchte ich nur diesen Inhaltsteil laden, nicht die gesamte Website Ohne Inhalt ist auf der Webseite alles gleich. Wie NBWA, Header, Sidewa. Ich möchte nicht jedes Mal unser CSS-JavaScript laden. Sie können verstehen, wie schnell es dadurch werden wird. Ich werde dir ein anderes Beispiel zeigen. Angenommen, wir haben einen Sidewar-Modus auf unserer Website und ich möchte den aktuellen Update-Hinweis in diesem Abschnitt anzeigen Ich möchte auch, dass der Benutzer diese Seite nicht umformulieren muss, um das Update zu erhalten Es ist auch mit AX möglich. Versuchen wir zu verstehen, wie AzX grundsätzlich funktionieren. Angenommen, ich habe einen Client und einen Server. O Der Client fragt an unseren Server nach einem Inhalt, und dann sendet unser Server eine Antwort, und diese Antwort kann jede Datei oder Daten enthalten. All das passiert hier, wenn der Server auf unseren Client antwortet, dann muss der Client diese Seite erneut aufrufen, um die Daten abzurufen Aber wenn wir über AX sprechen, ist es ein bisschen anders. In diesem Fall sendet der Server keine Daten direkt an den Client. Wir verwenden Java-Skript zwischen ihnen. JavaScript hat eine spezielle Klasse, nur für AX-, Name- und XML-STDP-Anfragen Aus diesem Grund wird alles, was wir an die Anfrage auf unserem Server senden möchten , in den Hintergrund Dann geht die Anfrage an den Server und bringt die Antwort vom Server Ohne unsere Seite zu aktualisieren, wird der Inhalt angezeigt, und dieser Inhalt kann von drei Typen sein. Vielleicht ist es eine normale Textdatei, entweder XML-formatierte Daten, andernfalls JSON-Daten. Wir können diesen gesamten Prozess in fünf Schritte unterteilen. In Java Script nennen wir die fünf Schritte „Bereitschaftszustand“. Sie müssen sich den Namen des Bereitschaftsstatus merken , da wir diesen Namen für weitere Arbeiten verwenden. Lassen Sie uns die fünf Schritte definieren. Unser erster Schritt ist Null. Hier initialisieren wir keine Anfrage. Es ist völlig neutral und dann kommt unser erster Schritt. Verbinden wir unseren Server mit dem lokalen System. Nur dann können wir eine Anfrage senden. In unserem dritten Schritt beginnt der Server mit der Bearbeitung der Anfrage, die wir senden, sobald die Verarbeitung des Servers abgeschlossen ist, und dann kommt unser vierter Schritt. In diesem Schritt ist unsere Verarbeitung abgeschlossen und der Server ist bereit, eine Antwort zu senden. Verwenden Sie dies in unserer Programmiersprache. Im Grunde erinnern wir uns an diese Codes, Null, Eins, 234. Jeder Code hat eine Bedeutung. Wenn ich Redis State Three sende, bedeutet das, dass der Server unsere Anfrage verarbeitet Wenn ich sage, dass di vier angegeben hat, bedeutet das, dass der Server unsere Antwort gesendet Lassen Sie uns darüber sprechen, was wir in der Antwort haben. Im Grunde erhalten wir zwei Dinge vom Server. Der erste ist der Status und der zweite die Anzahl der Antworten. Wenn wir einen Text anfordern, benötigen sie einen Antworttext. Wenn wir XML anfordern, dann Res-XML. Dies sind Java-Script-Eigenschaften. Wir können es in unseren Codes verwenden. Wenn wir Text von einem Server erhalten, verwenden wir Antworttext. In ähnlicher Weise verwenden wir Antwort-XML , wenn wir XML erhalten . Wenn ich über Status spreche, ist Status im Grunde ein Code. Mit diesem Statuscode können wir überprüfen, was auch immer wir vom Server erhalten . Ist es korrekt oder nicht? In diesem Status werden im Grunde drei Codes gesendet. Zuerst 200, dann 403 und 404. Jeder Code hat seine eigene Bedeutung. 200 bedeutet, was auch immer Sie an Ihren Server anfordern, wenn er Ihre Anfrage erfüllt, dann sendet er Status, dann sendet er Status 200. Dann kommt 403. Wenn der Server nicht auf Ihre Anfrage antwortet, liegt möglicherweise ein Problem auf diesem Server vor. Endlich ist es 404 gesendet. Das heißt, was auch immer wir an unseren Server anfordern, es ist auf dem Server nicht verfügbar. Es gibt viele Statuscodes. Aber diese drei sind sehr einfach. Wenn Sie mehr über den Status erfahren möchten, suchen Sie einfach bei Google nach einem CDP-Status Sie erfahren, wie Ajs funktionieren. Und jetzt werden wir lernen, wie wir S X in unser JavaScript schreiben können Zuallererst müssen wir ein Objekt mit X ST TV Request erstellen , und wir haben bereits in unseren vorherigen Videos etwas über Objektklassen gelernt . Sie können Ihren eigenen Variablennamen verwenden. Das ist nicht verpflichtend. In meinem Fall ist unser Variablenname X HTP, und ich erstelle ein Objekt mit dieser Klasse, sich um eine XML-HTP-Anfrage handelt Mit diesem Objekt können wir jede Anfrage an unseren Server senden und auch jede Antwort von unserem Server erhalten Wenn Sie auf eine Datei von einem Server aus zugreifen möchten, haben wir in diesem Fall zwei Methoden: Open und SN. Wir müssen es zusammen verwenden. Unsere erste Methode beinhaltet drei Parameter. Unser erster Parameter ist Methode und unser zweiter Parameter ist Dateiname. Geben Sie an, auf welche Datei Sie zugreifen möchten. Unser dritter Parameter ist ASNs more. Lassen Sie uns über diese Parameter sprechen. Unser erster Parameter ist Methode. Im Grunde haben wir zwei Arten von Methoden, get und post. Wenn wir Gangart verwenden, um Daten zu senden , kann jeder die Daten lesen Wenn Sie niemandem Daten zeigen möchten, müssen Sie in diesem Fall Post verwenden Warum versuchen wir, uns auf einer Website anzumelden? In diesem Fall verwenden wir die Post-Methode, weil wir niemandem die Anmeldedaten zeigen möchten. Wenn Sie jedoch bei Google oder YouTube nach einer Suchanfrage suchen, können Sie Ihre Anfrage in der URL-Leiste lesen. In Ihrem zweiten Parameter müssen wir eine Datei angeben. In unserem Fall ist es eine TXT-Datei. Es könnte eine beliebige Datei, Python-Datei, PHP-Datei, JS-Datei sein, und unser letzter Parameter ist Async More Ich habe nur zwei Werte, entweder wahr, entweder falsch Wahr bedeutet, dass du asynchron öffnest, heißt asynchron, und im nächsten Video werde ich erläutern, was asynchrone Mo ist und im nächsten Video werde ich erläutern, was asynchrone Mo ist. Denken Sie nur an eine Sache Wenn Ihr ***-Modus wahr ist, wird der Rest der Arbeit erledigt, bis die Daten vom Server Wenn wir den Wert falsch setzen, unsere Datei unseren nächsten Code erst aus, wenn wir eine Antwort vom Server erhalten Ich schlage vor, dass Sie diesen Wert immer auf true setzen. Das ist unsere offene Methode. Um diese Anfrage zu senden, verwenden wir eine andere Methode namens send. Um diese Methode zu verbessern, senden wir unsere Anfrage an den Server. Damit überprüfen wir immer den Bereitschaftsstatus. Es sagt uns, ob die Anfrage vom Server kommt oder nicht. Und wir haben eine andere Funktion , um diesen Bereitschaftsstatus zu überprüfen, nämlich die Änderung des Bereitschaftsstatus. In ähnlicher Weise verwende ich meinen Objektnamen und dann meine Ready-State-Change-Methode. Es funktioniert wie ein Event. Immer wenn unser Server einen anderen Status sendet, wird dieser Status automatisch gedruckt. Im Grunde überprüfen wir in dieser Funktion eine Bedingung. Um den Serverstatus zu überprüfen, müssen wir die IP-Bedingung verwenden, etwas Ähnliches. Wenn in der Runde ss dieser Punkt diste gleich vier und dieser Punkt dann gleich 200 ist , haben wir schon etwas über diste gelernt Wir haben fünf verschiedene Disten. Wenn der Diste-Wert vier ist und unser Status 200 ist, dann können wir das, was auch immer wir vom Server bekommen, auf unserer Estim-Seite einstellen, ungefähr so Sie können sehen, wie das Dokument das Element anhand der ID abruft, und wir können dieses Mil-Element mithilfe der ID als Ziel festlegen In unserem Fall ist unsere ID demo, und wir können das Element in unserem estil so einstellen , dass es diesem Punkt-Antworttext entspricht Das heißt, wir können den Text, den wir vom Server erhalten, in unserer Estil-Struktur festlegen. Lass es mich noch einmal erklären. Zuerst werde ich ein Objekt erstellen. Verwenden eines Klassennamens, XML-STDP-Anfrage. Das bedeutet für unser weiteres Wort, ich werde ein X verwenden. In unserer Öffnungsfunktion müssen wir definieren, welche Datei ich öffnen möchte Außerdem müssen wir den ASI-Modus auf true setzen , weil ich meine anderen Funktionen nicht beenden möchte. Mit derselben Methode senden wir unsere Anfrage. Damit überprüfen wir immer unseren Ruhestatus. Wenn der Redis-Status f ist, bedeutet das, dass wir unsere Antwort vom Server erhalten Dann können wir unsere Antwort in unserer STL-Datei anzeigen. Wir müssen nicht unsere gesamte Seite aktualisieren, um aktualisierte Daten zu erhalten Ich aktualisiere nur unseren speziellen Testbereich, nicht die ganze Seite. Fangen wir mit dem Praktischen an. Aber bevor wir mit dem Praktischen beginnen, möchte ich eines sagen. Wenn Sie AX ausführen möchten, benötigen Sie Lip Server. Sie können Ihren eigenen Lip-Server kaufen. Andernfalls können Sie den ZM - oder Amocal-Hostserver verwenden, aber ich werde den integrierten Life Server aus unserem VSO Studio Cod-Editor verwenden integrierten Life Server aus unserem VSO Das ist meine persönliche Empfehlung. Sie können den Viso Studio Code Editor ausprobieren. Ohne Live Server ist das nicht möglich. Es ist Zeit, zu meinem ISO Studio Cod-Editor zurückzukehren. 21. Advance-JavaScript – Ajax Tutorial: Sie können also sehen, dass ich meine Siegel nebeneinander in Ihrem Code-Editor öffne und meinen Browser mit der Live-Server-Erweiterung Ich habe bereits eine Estel-Datei in meinem Verzeichnis erstellt und möchte mit S X eine Textdatei in meine Estel-Datei mit Indexpunkt laden mit S X eine Textdatei in meine Estel-Datei mit Indexpunkt . Ich erstelle eine Textdatei mit dem Namen text dot txt im Inhaltsverzeichnis Sie können in dieser Textdatei sehen, dass ich etwas Text schreibe Hallo, ich bin eine Textdatei. Ich werde diese Datei mit S X in meine Indexpunktdatei laden . Ich werde ein Absatz-Tag erstellen, und unsere ID ist dunkel. In diesem Absatz werde ich hier eingeben, dass wir Daten laden, und jetzt werde ich eine Schaltfläche erstellen. Immer wenn wir auf die Schaltfläche klicken, wird der gesamte Text aus dem Textpunkt Text de file und print in das Absatz-Tag übernommen, und unser unterster Name ist click, und ich verwende nplick Event Innerhalb von n click verwende ich eine Funktion, nämlich Daten laden. In dieser Funktion werden wir unser S X erstellen. Wenn ich diese Datei speichere, können Sie in meinem Browser sehen, dass sie unsere statischen Daten druckt. Zuerst werde ich ein Skript-Tag erstellen und innerhalb des Crypt-Tags werde ich eine Funktion namens Load Data erstellen Wie ich Ihnen bereits sagte, müssen wir zunächst ein Objekt mithilfe der XML-HTTP-Anforderungsklasse erstellen Ich nehme eine Variable, nämlich X HTTP, die der neuen XML-HTTP-Anforderungsklasse entspricht Sie können einen beliebigen Namen für Ihre Variable verwenden. Dann öffne ich mein Objekt. Ich werde die TP-Dot-Open-Funktion verwenden. Als Parameter müssen wir zuerst unsere Methode deklarieren, und ich werde die Git-Methode verwenden, und dann müssen wir deklarieren welche Datei ich zugreifen möchte. Bearbeiten Sie unsere Datei. Zuerst gebe ich unseren Ordnernamen ein, dann den Textpunkt, und dann müssen wir den Blean Parameter senden Wenn Sie den synchronisierten Modus verwenden möchten, müssen Sie true V senden. Ich übergebe true Um diese Anfrage zu senden, verwende ich eine andere Methode zum Senden von TP Send. Von hier aus wird unsere Anfrage an den Server gesendet. Wenn wir Anfragen an den Server senden, wird von dort eine Antwort kommen. Um diese Antwort zu überprüfen, werde ich Code schreiben. Gleichzeitig werden wir auch unseren Status überprüfen. Dafür nehme ich meinen Objektnamen Punkt. Ich werde eine Methode verwenden, um den Status „Bereit“ zu ändern. Und dann erstelle ich eine Funktion, so etwas. Die Funktion wird kontinuierlich ausgeführt. Ändern Sie bei jeder Änderung den Wert. In dieser Funktion müssen wir überprüfen, ob Antwort eingetroffen ist oder nicht Wenn der registrierte Wert vier ist, bedeutet das, dass wir unsere Antwort erhalten Ich werde eine Bedingung in dieser Funktion ausführen. Wenn innerhalb der abwärts gerichteten Rennen dieser rote Punkt angegeben ist, gleich vier, und dieser Punktstatus gleich 200, bedeutet das unser Objekt Wir haben bereits davon erfahren. Denk nur an eine Sache. Wir überprüfen die Serverantwort mit dem D-Status, und die genaue Datei , die wir überschreiten möchten , ist auf dem Server verfügbar oder nicht. Um diesen Status zu überprüfen, verwenden wir den Punktstatus. Wenn der Status 200 ist, bedeutet das, dass die Datei auf unserem Server verfügbar ist, und fügen Sie die Funktion ein, ich möchte Ihnen die genaue Antwort in meiner Konsole zeigen. Punktprotokoll der Konsole, füge die runden Klammern ein, diesen Punkt als Antwort-TXT Mit dieser TS-Eigenschaft als Punktantwort können wir die Serverantwort in unserer Konsole drucken Lassen Sie es mich noch einmal erklären. Zuerst erstelle ich eine Schaltfläche auf meiner Kostenvoranschlagsseite und weise dieser Schaltfläche eine Funktion zu, nämlich Daten laden. Dann erstelle ich diese Funktion in meinem Skript-Tag und innerhalb der Funktion erstelle ich zuerst ein Objekt namens X STP Mit diesem Objekt können wir Anfragen an unseren Server senden, und ich möchte eine Anfrage für eine Textpunkttextdatei senden Mit der SN-Methode senden wir unsere Anfrage, und dann verwende ich die registrierte Änderungseigenschaft , um den Serverstatus zu überprüfen. Wenn der Serverstatus mit vier übereinstimmt, wird in dieser Konsole der Text gedruckt. Lassen Sie uns die Datei einrichten. Und ich werde auf die Schaltfläche klicken, und Sie können in meiner Konsole sehen, dass der gesamte Text aus unserer Text-Do-Textdatei gedruckt wird. Wenn ich etwas an unserer Textdatei ändere, also ich Hello World eintippe und diese Datei einstelle, können Sie in meinem Browser sehen, dass sie unseren Browser automatisch neu lädt, weil wir Live Server verwenden und diese Datei mit unserem Server verbunden ist Wenn ich auf diese Schaltfläche klicke, können Sie den aktualisierten Inhalt sehen Sie können sehen, was wir vom Server angefordert haben, es funktioniert einwandfrei. Wenn Sie diese Nachricht auf Ihrer Webseite und nicht in der Konsole anzeigen möchten, müssen Sie die Dokumentmethode verwenden. Ich werde diese Punkt-Logzeile für die Konsole empfehlen und Dokument Punkt, Element für ID eingeben Element für ID In der runden Aussparung gebe ich unsere Absatz-ID ein, Dm Punkt, inneres EstEML entspricht diesem Punkt, Wenn ich das solange einstelle und auf diese Schaltfläche klicke. Sie können sehen, wie der Text in unserem Browser gedruckt wird. Mit der inneren Esteml-Methode können wir den EstEML-Inhalt innerhalb des Esteml-Tags ändern Aber die Frage ist, wenn wir den Fehlerstatus erhalten, dann nicht. Für diese müssen wir eine SIP-Bedingung erstellen. Ich mache das bei dieser IP-Bedingung und ändere I L. Wenn unser Status 404 ist und ich meinem Client keine 404-Massen anzeigen möchte. In der inneren EstimL sage ich „nicht gefunden Wenn die Textdatei auf unserem Server nicht verfügbar ist, wird sie gedruckt und nicht gefunden Ich werde diese Datei einrichten. Und klicken Sie auf die Schaltfläche. Sie können sehen, dass es unseren Dateiinhalt geschrieben , da diese Datei auf unserem Server verfügbar ist. Aber wenn ich unseren schönen Namen ändere und meinen schönen Namenstext um einen Text ändere und die Datei wieder auf meine STL-Seite mit Indexpunkt setze, wenn ich auf diese Schaltfläche klicke, können Sie in meinem Browser sehen, dass sie gedruckt, nicht gefunden wird und die Datei wieder auf meine STL-Seite mit Indexpunkt setze, wenn ich auf diese Schaltfläche klicke, können Sie in meinem Browser sehen, dass sie gedruckt, nicht gefunden Aber in meiner Konsole wird 404 gedruckt. Sie können Bedingungen für verschiedene Arten von STB-Antworten festlegen. Wenn ich den feinen M-Text um einen Punkt in TXT ändere und versuche, diesen Inhalt in unserem Browser zu drucken, können Sie dieses Mal sehen, können Sie dieses Mal sehen, dass unser Inhalt gedruckt wird, und jetzt möchte ich etwas zeigen Neben unserem Konsolen-Tag gibt es noch ein weiteres Tag namens network. Wenn wir mit einem X arbeiten, sende ich die Antwort in unserem XHR-Tag, X bedeutet XML, H bedeutet HTTP, R bedeutet Antwort. Sie können als Antwort sehen, dass wir eine Datei von einem Server mit dem Namen text one dot txt erhalten, deren Serverstatus 200 ist. Es ist eine ASX-Anfrage. Der Typ ist X HR. Wenn ich auf die TXT-Datei klicke, können Sie die Vorschau und auch die Antwort sehen. Sie können auch das Timing sehen. Hier kannst du sehen, wie lange es gedauert hat, bis es vom Server kam. Wenn Sie auf den Header klicken, können Sie die URL-Pfadanforderungsmethode, das Gate, den Statuscode und auch meine Remote-Adresse sehen. Das war normaler Text. Aber im wirklichen Leben verwenden wir JSON-Daten. Aus praktischen Gründen können wir gefälschte SN-Daten abrufen. Es gibt viele Websites, die gefälschte SN-Daten bereitstellen können, und ich werde diese Website mit dem JSN-Platzhalter verwenden Wenn du ein bisschen nach unten scrollst, siehst du die Ressourcenoption, und ich werde die Post-Daten verwenden Es bietet hundert Demo-Daten, so etwas. Das sind auch Dummy-Daten, und jetzt möchte ich all diesen Beitrag auf unserer Website zeigen Dazu kopiere ich die gesamte URL und übergebe diese URL in unserer offenen Methode Und ich setze diese Datei und kehre zu meiner Indexdatei zurück, und ich werde meine Konsole erneut öffnen. Lassen Sie uns den Netzwerk-Tab öffnen und ich werde meinen X HR-Status anzeigen. Jetzt werde ich auf die Schaltfläche klicken. Und Sie können sehen, wie es unseren gesamten Beitrag in meinem Browser druckt. Und Sie können sehen, wie es über den gesamten Beitrag in meinem Browser gedruckt wird. Außerdem können Sie den Dateinamen, den Beitragsstatus 200 Typ X HR, Dateigröße 7,7 kV und die Reaktionszeit erneut 624 Millis Sie können viele Daten in unserem Browser sehen. Wir können es nicht richtig verstehen und ich werde es in unserer Konsole ausdrucken. Und ich werde diese Punktlogzeile in der Konsole einfach auskommentieren, und ich möchte nicht alle Daten in unserem Browser drucken Ich möchte nur in unserer Konsole drucken und diese Datei speichern Lass uns den Klick-Button drücken. Jetzt können Sie in unserer Konsole sehen, dass alle Daten sehr gut formatiert gedruckt Sie können verschiedene Titel, unterschiedliche IDs usw. sehen . Ax verwenden, ohne unsere Seite zu aktualisieren, können wir Daten von unserem Server erneut Das Letzte, was ich sagen möchte, ist, dass Sie sehen, dass es eine lange Methode ist. Das kann unseren Code komplizieren. Die meisten Entwickler verwenden J Query, um ein X auszuführen. Andernfalls verwenden Entwickler eine neue Methode namens FH, die in der sechsten Version von Java Script eingeführt wurde Im nächsten Video werden wir mehr über die F-API erfahren. Vielen Dank, dass Sie sich dieses Video Seien Sie gespannt auf unser nächstes Taorial 22. Json Intro: Hallo Leute, schön, dass ihr wieder da seid. Ich bin wieder mit einem neuen Tutorial zurück. In diesem Tutorial werden wir etwas über JN erfahren. Wir werden lernen, was ist die Verwendung von JSN? Warum sollten wir lernen? Versuchen wir nun zu verstehen, was Jasen bedeutet JSN steht für JavaScript Object Notation. Wenn wir über die Verwendung von JSN sprechen, wird es zum Speichern und Austauschen von Daten verwendet Jetzt könnten Sie verwechseln, dass JSN zusammenhängt. Nein, ist es Es hat nichts mit Java Strip zu tun, aber es gibt einen Grund, warum wir Java Strip in seinem Namen verwenden. In Java Strip gibt es eine Sache, die Sie Objektliteral nennen Andernfalls Javascript-Objekt. Als Jason erstellt wurde, ist es bei JavaScript-Objekten ziemlich ähnlich. Aus diesem Grund wurde es als Java-Strip-Objektnotation bezeichnet. Ich werde Ihnen noch einmal sagen, dass Java Strip nicht mit Jason verwandt ist. Es wird nur zum Speichern und Austauschen von Daten verwendet. Lassen Sie uns jetzt mehr darüber sprechen. Wann immer wir eine Website, andernfalls eine Webanwendung, erstellen , hängt dies von zwei wesentlichen Dingen ab. Der erste ist der Client und der zweite ist der Server. Auf Ihrer Kundenseite könnte es alles sein. Ich möchte sagen, dass es ein Handy sein könnte, andernfalls ein Laptop, ein Desktop usw. Immer wenn wir Daten austauschen und die Antwort zum aktuellen Zeitpunkt erhalten müssen , andernfalls zu schnell, verwenden wir JCN zwischen ihnen Und wie ich dir schon sagte, JSN ist keine Sprache. Es ist ein Datenaustauschformat. Ohne JSN haben wir ein anderes beliebtes Datenformat, nämlich XML Es wird auch zum Datenaustausch verwendet. Im Vergleich zu XML ist JN jedoch beliebter und zuverlässiger. Aber Sie haben vielleicht die Frage, warum SN beliebter ist? Um es zu verstehen, müssen wir zuerst über ihre Synte sprechen Wenn ich über das JCN-Format spreche, sieht es aus wie ein JavaScript-Objekt. In JavaScript-Objekten verwenden wir Car Brass, und wir verwenden auch K und Value Pair Aber XML ist anders. Dies ist das XML-Datenformat. Hier müssen wir Tags wie SML verwenden, um Daten zu enthalten. Wie Sie sehen können, verwenden wir für den Namen, den wir für H verwenden, den S-Tag und für das Objekt, wie verwenden wir den Studenten-Tag Es gibt viele Unterschiede zwischen Json und XML. Sehen wir uns den Unterschied zwischen SN und XML an. Erstens sind sie voll von. JN steht für Java Strip Object Notation, XML steht jedoch für Extendable Markup Language Es ist eine Sprache. Aber JN ist keine Sprache. Der nächste Unterschied ist JN, das auf dem Textformat basiert, aber XML, das auf der Auszeichnungssprache basiert Bei HTML ist es ziemlich ähnlich, und es braucht Zeit, XML zu lernen Aber Sie können JSL innerhalb von zehn bis 20 Minuten verstehen. nächste Punkt ist, dass JSN leichtgewichtig ist, aber XML schwerer ist Deshalb ist JR beliebter als XML. Tags und Eigenschaften machen XL sehr schwer. Der Vorteil liegt jedoch in der XML-Unterstützung für Kommunikation und Namensraum. Aber JSN unterstützt keine Kommentare und Namensräume. Sehen wir uns nun den Unterschied zwischen JN und Javascript-Objekt Wie wir wissen, ist JSN dem Javascript-Objekt ziemlich ähnlich, aber nicht dem exakten Javascript-Objekt. Zuerst zeige ich Ihnen das Javascript-Objekt. Wann erstellen wir ein JavaScript-Objekt, um zunächst einen Variablennamen zu deklarieren. Auch nur, um Cass zu verwenden , um ein Objekt zu erstellen. Und innerhalb dieser Kalibrationen nehmen wir den Schlüssel, andernfalls können wir es Eigenschaft und Wert nennen Auf die gleiche Weise, um ein JSON-Objekt zu erstellen, müssen wir hier clibrass verwenden Aber der Unterschied ist, dass wir den Eigenschaftsnamen jedes Mal in die doppelten Anführungszeichen setzen sollten Eigenschaftsnamen jedes Mal in die doppelten Anführungszeichen setzen Außerdem müssen wir für unseren Wert doppelte Anführungszeichen verwenden. Aber wenn ich über ein Javascript-Objekt spreche, müssen wir keine doppelten Anführungszeichen für den Eigenschaftsnamen verwenden. Wir können auch einzelne Codes als Wert verwenden. Wir können jedoch keine einzelnen Codes verwenden , wenn wir ein JN-Objekt erstellen. Wenn Sie ein JN-Objekt oder ein Javascript-Objekt drucken möchten, müssen wir fast dieselbe Methode verwenden. Lassen Sie uns nun darüber sprechen, welche Art von Datentyp JSL unterstützt wird. Jen-Unterstützung, String-Datentyp, Zahlendatentyp, Bulan-Datentyp, NA, Objekt und Null Wenn wir einen leeren Wert senden möchten, verwenden wir den Datentyp Null Andernfalls, wenn Sie vergessen haben, einen Wert zu übergeben, sendet BdFal Null. Um alle Werte zu verstehen, erstelle ich hier ein Beispiel Zuerst müssen wir, wie ich dir gesagt habe, Kelche nehmen Dann setzen wir in den Kelchen unsere erste Eigenschaft, die ID, und wie ich Ihnen schon gesagt habe, müssen wir doppelte Codes verwenden, um den Eigenschaftsnamen zu Dann verwenden wir hier den Datentyp Zahl. Deshalb verwenden wir keine doppelten Codes. Unsere nächste Eigenschaft ist Name, aber für den Namen verwende ich hier den Datentyp Zeichenfolge. Deshalb müssen wir es im Doppelpack nehmen, und für Verheiratete verwende ich hier den Lean-Datentyp. Deshalb gehe ich hier von der Wahrheit und als Wert verwenden wir keinen Doppelleichnam Wenn Sie den booleschen Datentyp verwenden, können Sie hier den Wert true, andernfalls den falschen Wert übergeben Aber im nächsten Beispiel, wie Sie sehen können, senden Sie hier keine Daten Standardmäßig ist es ML V, und für diese Hobbyeigenschaft verwende ich hier value. Deshalb verwende ich Square Resis und innerhalb der quadratischen Resis nehmen wir die Werte Für eine Adresse verwenden wir hier den Objektdatentyp. Es ist ein Objekt. Das ist der Grund, warum ich vor Krass genommen habe. Aber falls Sie für unser nächstes Objekt einen Ketzer mit mehreren Objekten entdecken sollten In diesem Objekt, dem Häretiker, gibt es mehrere Objekte, und das nennt man verschachtelte Dies sind die Datentypen , die wir in JN verwenden können. Lassen Sie uns nun über die Vorteile von JN sprechen. Jason hat ein für Menschen lesbares Format. Jeder kann Js leicht verstehen. Wenn jemand keinen Hintergrund in einer Programmiersprache hat, kann er Jason auch verstehen. Der nächste Vorteil ist, dass es völlig sprachunabhängig ist. Wir können J mit allen Programmiersprachen wie Python, PHP, Java Strip, Coin, Java verwenden, egal welche Sprache Sie verwenden. Außerdem ist JN sehr leicht zu bedienen. Wir senden Daten in einem JN-Format an den Server zum Client. Die JN P P-Regel in AX hat auch die API ausgelöst, ansonsten in AAPIs. Deshalb ist JASN so wichtig. JSN hat jedoch einen großen Nachteil. Wir können keine Mediendatei so übertragen, wie sie von JN erstellt wurde. Wir können keine Audio-, Video-, Bild - oder Binärinformationen übertragen . Hier können wir nur textbasierte Informationen weitergeben, und hier ist eine weitere wichtige Sache, über die wir in unserer praktischen Sitzung lernen werden. Das ist es für dieses Tutorial. Im nächsten Tutorial werde ich mit dem Praktischen über JSN beginnen Danke, dass du dir dieses Video angesehen hast, Statue. 23. Json Practical: Hallo Leute, schön, dass ihr wieder da seid. Endlich sind wir in meinem Visual Studio-Editor. Wie Sie in meinem aktuellen Arbeitsverzeichnis sehen können, gibt es zwei Dateien Die erste ist Index Dot Stable und die zweite ist die First Dot JN-Datei. Ja. Um eine JN-Datei zu erstellen, müssen wir die Erweiterung Dot JN verwenden. Lassen Sie uns über die JCN-Datei sprechen. Wie Sie sehen können, beginnt unsere JCN-Datei mit Kelchen. Wie ich Ihnen bereits sagte, müssen wir Cardss verwenden, um ein JCN-Objekt zu erstellen oder Daten zu speichern müssen wir Cardss verwenden, um ein JCN-Objekt zu erstellen oder Daten zu Dann haben wir im CSS Property und Wenn Sie feststellen, können Sie sehen alle Eigenschaften in Doppelkernen vorliegen. Unsere erste Eigenschaft ist Name und es ist eine DataV-Zeichenfolge Unsere zweite Eigenschaft ist H, und es ist die Nummer von Data IV. Unser drittes Eigentum ist der Mensch, und es ist das Goldbarren von Data IV. Deshalb fällt der Typ. Vierte Daten Vs, null. Deshalb Hea-Typ, Nullwert. Wenn Sie einen beliebigen Wert übergeben, nimmt bdFol Null an Unsere zweiten Daten V sind A. Deshalb speichert er mehrere Ergebnisse, Hobby, Tanz, Fußball, Cricket, und unsere letzten Daten IVs Objektdatentyp Um den Objektdatentyp zu erstellen, müssen wir Kelche verwenden, und ich setze den Wert Calise, hier verwenden wir einige andere Eigenschaften, P country Dies sind die JCN-Daten, die ich in unserem Java-Skript verwenden werde in unserem Java-Skript verwenden Grundsätzlich wird JSN verwendet, um Daten von diesem Server an den Client zu senden Deshalb können wir JSN ohne Server nicht richtig ausführen Ja, du kannst rennen. Zunächst müssen Sie ein JavaScript-Objekt in SN-Daten konvertieren. Dann können Sie es ohne Server ausführen, aber das ist kein guter Prozess. Weil wir das im wirklichen Leben nicht benutzen. Jetzt möchte ich diese SN-Daten in unserer Indexpunkt-STL-Datei verwenden diese SN-Daten in unserer Indexpunkt-STL-Datei Lassen Sie uns in die Index Dot STL-Datei springen. Hier können Sie in diesem Skript-Tag sehen, H Ich erstelle eine Anfrage nach einem Variablennamen Das ist sehr gut, um eine neue STTP-Anfrage an unseren Server zu senden eine neue STTP-Anfrage an unseren Server zu Dann benötigt unsere Variable einen Punkt, hier verwende ich eine Funktion öffnen In unserer offenen Funktion haben wir die Methode des zweiten Produkts, Gate und Post, und hier verwende ich die Gate-Methode. Dann übergibt Harry die Quelldatei, das heißt zuerst Punkt SN. Diese offene Funktion öffnet die JN-Datei vom Server aus. Dann verwende ich die Funktion request dot sen und innerhalb der Runde drücke ich ein Null-Argument Hier verwenden wir den Nullwert, weil wir hier keinen Wert an unseren Server senden Ich möchte nur die JCS-Datei von diesem Server bekommen. Jetzt wird es von unserem Server eine Textantwort zurückgeben Nachdem wir diese Textantwort erhalten haben, müssen wir die Textantwort in ein Javascript-Objekt konvertieren , damit wir nur eine Funktion verwenden können, die aus Teilen besteht. Hier erstelle ich variable Daten. Daten bedeuten, was wir aus der JN-Datei bekommen , gleich und hier verwende ich eine Funktion namens N dot parse Innerhalb der Runde bedeutet Prozessanfrage dann diesen variablen Anforderungspunkt-Antworttext weil, wie ich Ihnen gesagt habe, alle Jen-Daten in einem Textformat vorliegen Diese Funktion konvertiert diese SN-Daten in ein Objekt und speichert sie als Datenvariable. Wenn ich diese Datenvariable nun in unsere Konsole einfüge, können wir die Daten lesen Lass uns die Datei ohne Server öffnen. Hier seht ihr, ich betreibe meinen Live-Server nicht. Ich möchte diese Tabellendatei aus dem Verzeichnis öffnen. Wenn ich diese Tabellendatei aus dem Verzeichnis öffne, wird, wie Sie auf meinem Bildschirm sehen können, nichts angezeigt. Aber wenn ich dir meine Konsole zeige und dir den Konsolenbereich zeige, kannst du hier eine Menge Fehler sehen. Denn um eine externe STTP-Anfrage auszuführen, benötigen wir Server. Gehen wir zum Visa-Studio-Code. Jetzt werde ich dieselbe Datei mit einem Live-Server ausführen. Herroc, die Option, live gehen. Nachdem ich auf „Go Live“ gedrückt habe, wird meine Datei vom Server geöffnet Nun, wenn ich dir zeige, warum Konsolenabschnitt Hroca das Objekt sieht Wenn ich dieses Objekt öffne, können Sie jetzt alle Daten von unserem Objekt sehen Lizenznummer, Adresse, Hobby, Name usw. , Leistungsstatus, all das Jetzt konvertieren Sie die JN-Daten in ein Objekt. Wir können nacheinander auf all diese Eigenschaften zugreifen. Sie können auch mathematische Berechnungen und alles andere durchführen . So verwenden wir JSN. Wenn Sie auf die Daten zugreifen und insbesondere den Namen drucken möchten, geben Sie einfach data dot property name ein, was Name ist Wenn ich diese Datei einstelle und zurück zu meinem Browser gehe, können Sie hier in meiner Konsole sehen, dass jetzt nur noch der Name gedruckt und einer hinzugefügt wird. Wie ich dir gesagt habe, ist es jetzt komplett ein Javascript-Objekt, also kannst du damit ath machen. Sie müssen sich nur daran erinnern, dass die Funktion Jen dot parts convert Jen Daten in ein Javascript-Objekt umwandelt. Umgekehrt, wenn Sie ein Javascript-Objekt in ein JN konvertieren möchten, das Daten aufnimmt, müssen Sie in diesem Fall die JN-Dot-Stringify-Methode Javascript-Objekt in ein JN konvertieren möchten, das Daten aufnimmt, verwenden Lass es mich dir zeigen. Hier werde ich eine weitere Variable deklarieren. W und unser Variablenname ist OBJ. Es ist das Objekt Objekt ist gleich dem Calrass, unsere erste Eigenschaft ist Nennen Sie stattdessen das Doppelte und fügen Sie eins hinzu. Unsere zweite Immobilie ist. das Doppelte geht, werde ich andernfalls den Wert Pneumonic verwenden, sodass wir keine doppelten Kerne, 30, benötigen und unser dritter Wert ist City Stadt und innerhalb der Doppelgänger ist die Stadt New York. Das ist ein Java-Script-Objekt. Jetzt müssen wir dieses Javascript-Objekt in eine SN-String konvertieren . Dafür werde ich eine weitere Variable deklarieren. Da und unser Variablenname ist mein JSN. Wie ich dir gesagt habe, um ein Javascript-Objekt in ein JN-Objekt in JN-Daten umzuwandeln Wir müssen die N-Punkt-String-Methode verwenden. Geben Sie JN-Punktfolge ein. Dann müssen wir innerhalb der Druckrunde den Objektnamen B j und Segra an diese Zeile übergeben B j und Segra an diese Zeile Jetzt werde ich diese JN-Daten drucken, andernfalls den Text in meinem Body-Tag Hier werde ich ein Deep-Tag erstellen. Nein, ich nehme ein Absatz-Tag P und weise diesem Absatz eine ID zu, ID Demo. Dann und jetzt verwende ich Dorm, um die SN-Daten in meinem Absatz-Tag zu drucken Hm, gib docu getElement nach ID ein und setze den runden SS- oder ID-Namen Ich möchte innerer Frieden sagen. Inner est entspricht JS und sem zwei in dieser Zeile. Wenn ich diese Datei einstelle und Ihnen meinen Browser zeige , funktioniert sie nicht weil wir dieses Skript-Tag unter das Absatz-Tag verschieben müssen . Ich werde diesen Teil ausschneiden und ihn unter das Absatz-Tag verschieben und diese Datei erneut einrichten. Wenn ich Ihnen jetzt meinen Browser zeige, können Sie das Ergebnis sehen. Wie Sie sehen können, ist es so, wie es ist, in den Textdaten enthalten. Wenn Sie es bemerken, können Sie sehen, dass es sich Jen-Daten handelt, da sie sich in der C-Res befinden. Außerdem werden für Eigenschaftsnamen duale Codes verwendet. So können wir Jen in Java Script verwenden. Wir werden in unseren kommenden Tutorien mehr darüber erfahren . Mach dir keine Sorgen Wenn wir etwas über A X und API erfahren, spielt Jason die Schlüsselrolle. Vielen Dank, dass Sie sich dieses Video Seien Sie gespannt auf unser nächstes Tutorial. 24. Hole Api Intro: Hallo Leute, schön, dass ihr wieder da seid. Ich bin wieder mit einem neuen Tutorial zum Thema unerwünschtes JavaScript zurück. In diesem Tutorial lernen wir eine neue Methode kennen, nämlich H. In unserem vorherigen Tutorial werden wir etwas über S X lernen Damit lernen wir eine neue Methode mit dem Namen XML STDP request Mit ihrer Hilfe können wir SX in JavaScript verwenden. Aber es hat nur einen geringen Di-Vorteil, weil wir einige unnötige Lineup-Codes schreiben müssen Um diese Art von Problem zu lösen, führt JavaScript eine neue Methode ein, nämlich f. Mit der FH-Methode können wir alles machen, was wir mit ASX gemacht haben Im Grunde können wir eine Curd-Anwendung mit der PH-Methode erstellen Curd-Anwendung mit der PH-Methode Wenn Sie Daten in Ihre Datenbank einfügen möchten , können Sie das ja Außerdem können Sie Ihre Daten aktualisieren, Funkdaten senden und Daten löschen. Es ist ziemlich schnell im Vergleich zur XML-STB-Anfrage. Außerdem ist es sehr leicht. Lassen Sie mich Ihnen nun den Syntex der F-Methode zeigen. Zuerst müssen wir die Methode fh aufrufen, fh round press und ähnliches wie in dieser Zeile Wenn Sie dann eine Datei vom Server lesen möchten , müssen Sie in diesem Fall den Dateipfad angeben, andernfalls die URL, und es kann sich um eine beliebige Datei handeln. Es kann sich um eine Textdatei, JCNile, PHV-Datei oder eine beliebige Server-Site-Datei Und diese Seitenmethode hat ein Versprechen geschrieben. Wie wir wissen, könnte jedes Mal, wenn wir ein Versprechen geschrieben haben, es erfolgreich sein, andernfalls scheitern. Wenn unser Versprechen Erfolg geschrieben hat, müssen wir diese Funktion nutzen. Wir werden dasselbe mit Pah machen. Wie Sie wissen, können wir mit dieser Funktion unsere weitere Arbeit erledigen Aber hier verwenden wir die Funktion dann, um die Daten in unserem Dokument zu drucken. Denn zu dieser Funktion wurde dann auch ein Versprechen geschrieben. Auch hier muss ich eine Then-Funktion verwenden , um mit diesem Versprechen umzugehen. Dann wiederum müssen wir auf die gleiche Weise eine Funktion innerhalb dieser Then-Funktion erstellen, und diese Funktion wird die Antwort vom Server empfangen. Welche Daten wir auch immer von dieser URL, andernfalls Datei, erhalten, wir werden diese Daten an diese Funktion senden und sie werden in dieser Variablen gespeichert . In unserem Fall Antwort. Und Sie können einen beliebigen Variablennamen verwenden, wie Sie möchten, und wir fügen diese Antwort nicht in unser Dokument ein. Geben Sie einfach diese Antwort zurück. Antwortpunktdaten zurückgeben. Daten bedeuten Datenformat. Daten sind keine Methode. Hier müssen wir erwähnen, welche Art von Daten wir von diesem Server erhalten. Nimm Daten, andernfalls JN-Daten. Nachdem wir die Daten empfangen haben, müssen wir sie in einer anderen Then-Funktion senden, und so können wir damit umgehen. Nochmals, wir müssen dann function aufrufen und dann die Funktion den setzen, function res. Das ist unsere erste Then-Funktion und das ist unsere zweite Then-Funktion. Wie ich dir schon gesagt habe, hat unsere Funktion „ Erst dann auch ein Versprechen geschrieben, und wir müssen dieses Versprechen mit einer anderen Then-Funktion behandeln . Hier nehmen wir das Ergebnis eines Variablennamens. Jetzt können wir das Endergebnis verwenden , das ich vom Server erhalten habe. Wir können es überall verwenden. Wenn Sie es mit der Konsole verwenden möchten, ja, das können Sie. Sie können auch in Ihr Dokument malen. Das ist der Erfolgsteil des Versprechens. Wie Sie wissen, können wir mit Promise auch den fehlgeschlagenen Teil behandeln. Um den Fehlerteil zu behandeln, müssen wir die Catch-Funktion verwenden. Auf die gleiche Weise können wir die Cache-Funktion verwenden, um den Fehler zu behandeln und die Fehlermeldung auszudrucken. Zuletzt müssen wir die Cache-Funktion verwenden. Dann müssen wir eine Funktion erstellen und wir müssen eine Variable nehmen, und genau diese wird die Fehlermeldung speichern. Und wir können die Fehlermeldung in unserer Konsole ausdrucken , andernfalls dokumentieren. So funktioniert unsere Methode zum Abrufen der F-API. Denken Sie jedoch daran, dass Sie Live Server verwenden müssen, um eine Abruf-Methode auszuführen Sie Live Server verwenden müssen, um Der Life Server ist sehr wichtig, um die FH-Methode auszuführen. Wenn Sie einen ZM- oder AM-Live-Server installieren, ist das in Ordnung. Wenn Sie jedoch keine Live-Server haben, können Sie die Live-Servererweiterung installieren In unserem Fall werde ich Visa Studio Coordinator verwenden, und wir werden Live-Server verwenden. Mit unserem P-Server, FBI, wird das nicht funktionieren. Das war's für diesen ländlichen Raum. Vom nächsten zum Ländlichen werden wir mit dem Praktischen beginnen Danke, dass du dir dieses Video angesehen hast, Statue für das nächste Tutorial 25. Hole API: Sie können sehen, ich öffne meinen W-Editor und erstelle eine EstEML-Datei mit einem Indexpunkt. Ich öffne diese Datei in meinem Browser mit der Libserver-Erweiterung und werde meine Konsole in meinem Browser öffnen In diesem Video werden wir eine Textdatei mit der Fetch-Methode lesen eine Textdatei mit der Fetch-Methode Sie können in meinem Verzeichnis sehen, dass ich einen Ordner mit dem Namen content erstelle In diesem Inhaltsordner erstelle ich bereits eine Textdatei. In diese Textdatei gebe ich etwas Dummy-Text ein. Ich möchte diese Textdatei auf unserer eSTIML-Seite lesen. Dafür gebe ich Script-Tag in unser Body-Tag Und jetzt werde ich unsere Methode fetch verwenden. In der Carverss müssen wir den Pfad unserer Textdatei angeben, die einen Schrägstrich als Textpunkt TXT enthält Immer wenn diese Datei Daten als Antwort sendet, um diese Daten abzurufen, müssen wir die Funktion dann verwenden Punkt dann. In der runden Aussparung werde ich eine weitere Funktion einrichten. Wir erhalten unsere Antwort in dieser Funktion, also werde ich eine Antwort mit variablem Namen erstellen. Sie können einen beliebigen Namen für diese Variable verwenden. Tatsache ist jedoch, dass wir an sechs Versionen arbeiten, sodass Sie die Pfeilfunktion verwenden können. Ich werde diese Funktion in eine Pfeilfunktion umwandeln . Um das Funktionsschlüsselwort zu entfernen, verwende ich Rosine in den Kalibrierungen. Egal, welche Antwort wir von unserem Server erhalten, wir kehren einfach zurück Aber zuerst möchte ich in unserer Konsole ausdrucken, was wir von unserem Server bekommen, das Punktprotokoll der Konsole in den runden Klammern, die Wenn ich diese Datei eingestellt habe, können Sie es in meiner Konsole sehen. Wir bekommen eine Menge Dinge von unserem Server als Antwort. URL, Hauptteil, Header, Status-Zitat, und Sie wissen bereits, ob Antwort unseres Servers erfolgreich ist, dann wäre unser Status-Zitat 200. Das sind keine sehr nützlichen Informationen. Wir wollen nur auf unseren Hauptinhalt zugreifen. Unsere Datei hat Text geschrieben, also müssen wir eine andere Methode verwenden, um den Textantworttext erneut aufzunehmen ich diese Datei gespeichert habe, können Sie in meiner Konsole sehen, unsere versprochene Statistik erfüllt und unser versprochenes Ergebnis unser Textinhalt ist Unsere damalige Funktion hat ein Versprechen geschrieben. Jetzt werde ich den Text zurückgeben, weil unsere damalige Funktion ein Versprechen zurückgibt. Jetzt werde ich nach dieser Den-Funktion eine weitere Then-Funktion erstellen . Ich werde die Funktion kopieren und diese Funktion direkt hinter dieser Funktion aufrufen . Was auch immer unsere erste Funktion die geschrieben wurde, um diesen Wert zu speichern, ich werde eine weitere Variable in unseren neuen Funktionsdaten erstellen . Jetzt werde ich diese Daten in unserer Konsole drucken. Das Punktprotokoll der Konsole befindet sich in den Round-Bss-Daten. Wenn ich diese Datei eingestellt habe, können Sie jetzt in meiner Konsole sehen, dass ich unseren genauen Inhalt ausdrucke Worauf möchten wir von unserem Server aus zugreifen? Worauf möchten wir von unserem Server aus zugreifen? Nicht nur das, wir können in unserem Browser drucken. Das Dokument wird nicht in die runden Bassdaten geschrieben. Wenn ich diese Datei einstelle, können Sie meinen Browser sehen, er druckt die Dateidaten in unserem Browser und wir können unsere Dateidaten verkleinern Grundsätzlich verwenden wir die Pfeilfunktion. Dafür müssen wir keine schriftliche Erklärung schreiben. Ich werde es entfernen und es einzeilig machen. Wir werden den gleichen Schritt für unsere zweite Funktion ausführen. Wenn ich diese Datei einstelle, können Sie dasselbe Ergebnis sehen. Wenn wir die Patch-Methode in unserer Pfeilfunktion verwenden, dann schreiben wir einfach eine Codezeile , um Daten vom Server abzurufen. H wir rufen normalen Text von unserem Server ab. Jetzt möchte ich JSON-Daten vom Server abrufen. Dafür werde ich gefälschte Daten verwenden. Ich öffne einen neuen Tab mit gefälschten JSON-Daten. Und ich werde diese Website benutzen. JSON-Platzhalter Sie können jede Website verwenden, aber die meiste Zeit verwende ich diese Website gerne Wenn ich nach unten scrolle Little wet und hier kannst du sehen wie wir gefälschte SN-Daten mit H API verwenden können. Wenn Sie Little Wet nach unten scrollen, können Sie eine JSON-Ressource sehen. Dieses Mal werde ich auf Benutzerdaten zugreifen. Wenn ich darauf klicke, können Sie zehn Benutzerdaten sehen. Sie können ihren Namen, ihre ID, ihre E-Mail-Adresse, ihre Adressen sehen , es sind gefälschte Daten, also werde ich diese Daten verwenden. Sie können in meinem Browser sehen, diese JSN-Daten gut organisiert sind weil ich die JN VUR-Erweiterung verwende Vielleicht ist es in Ihrem Browser nicht gut Ich schlage vor, dass Sie diese Erweiterung herunterladen , und ich werde diese URL kopieren und unseren lokalen Dateipfad durch diese URL ersetzen Dateipfad durch diese URL Jetzt versuchen wir, auf JN Five zuzugreifen. Wir müssen den Antwortpunkt JN Math verwenden, und ich möchte unsere JCN-Datei in meiner Konsole drucken Punktprotokoll der Konsole in der Klammer, Daten. Wenn ich diese Datei einstelle, können Sie in meiner Konsole sehen, dass wir zehn Datensätze als Objekt erhalten Und wenn ich sie öffne, können Sie dieselben Informationen sehen Name, Benutzername, E-Mail, Benutzeradresse, Benutzertelefonnummer, Benutzer-Website usw. Mit der Face-API können wir SN-Daten abrufen. Wenn Sie mit einer PHP-Datei arbeiten, ähnliche Weise SN-Daten bereitgestellt Wie ich Ihnen bereits sagte, wenn wir die Catch-Methode ausführen, ist das nicht gemein, es ist immer ein schriftlicher Erfolg. Es kann auch Schreibfehler geben. Wenn die Datei auf dem Server nicht verfügbar ist und der Server manchmal nicht reagiert, Server manchmal nicht reagiert um dieses Problem zu lösen, verwenden wir die Catch-Methode. Ich werde Dot Catch verwenden. Wir haben bereits in unseren vorherigen Videos etwas über Fang gelernt. Setzen Sie die geschweiften Klammern ein, ich nehme einen Variablennamen. Ich werde die Funktion ero verwenden In meiner Konsole werde ich unseren Fehler ausdrucken. Wenn ich diese Datei einstelle, können Sie in meiner Konsole sehen, dass kein Fehler vorliegt, da unsere Anfrage erfolgreich funktioniert hat. Aber wenn ich den URL-Pfad ändere und U aus dem Benutzer entferne. Jetzt gibt es auf diesem Server keine Fin-Name-SCRs. Wenn ich diese Datei eingerichtet habe, können Sie sehen, dass ein Fehler vorliegt. Wir bekommen keine richtige Nachricht, aber es werden nur vier angezeigt und 84 bedeutet, dass die Datei nicht gefunden wurde. Wenn ich Ihnen den Netzwerkbereich zeige, können Sie den Dateinamen, SCR-Status 404, den Typ sowie Größe und Antwortzeit sehen Jetzt möchte ich diese Daten in unserem Dokument drucken, also in unserem Browser Für diese müssen wir Foreign Loop verwenden. Ich werde diesen Abschnitt mit Punktsperre in der Konsole entfernen und in der Crase cli bras eingeben . Außerdem verwende ich eine Fremdschleife für innerhalb der Runde als A in den Dann innerhalb der runden SS, Dokument Punkt A. Was denkst du? Wird es das gesamte Dokument auf einmal drucken? Nein. Lass uns den Code ausführen. Sie können sehen, wie es zehn Zahlen druckt, 029. Ich zeige Ihnen noch einmal die Konsole, die Protokolldaten der Konsole Wenn ich diesen Code ausführe, können Sie meine Konsolen sehen. Ich habe etwas Slimstk gemacht. Wir müssen diesen Abschnitt mit dem Punktprotokoll für die Konsole außerhalb des Flops schreiben außerhalb des Wenn Sie diesen Code verwenden, können Sie sehen, dass es sich um ein Objekt handelt Aber innerhalb des Objekts gibt es zehn weitere Objekte, 01, zwei, drei, vier, fünf, 6789 Wir müssen ihre Werte ausdrucken , um das richtige Ergebnis zu erhalten. Um diesen Wert erneut abzurufen, verwenden wir einen Variablenwert Ein Schlüssel für das Objekt bedeutet. In das runde Kleid werde ich Daten eingeben. Im quadratischen Kleid übergebe ich die Schlüsselvariable. Wenn ich diese Datei einstelle, können Sie in meinem Browser sehen, dass es sich um ein Objekt zum Drucken eines Objekts da sich in diesem Objekt mehr Objekte befinden. Wir können ein solches Objekt nicht drucken. Wir müssen den genauen Objektschlüssel definieren. Angenommen, ich möchte den Objektnamen drucken. In der Funktion zum Schreiben von Punkten verwende ich die Methode der Vorlagenzeichenfolge in den Back Takes, Dolor Sinus und Cure Bras, und ich übergebe Daten und eckiges Messing, und dann verwende ich das BA-Tag für den Zeilenumbruch Zuerst deklariere ich unseren Index, dann müssen wir unseren exakten Schlüssel deklarieren Ich gebe den Punktnamen ein. Wenn ich diese Datei eingestellt habe, können Sie jetzt in meinem Browser den gesamten Benutzernamen sehen . Wenn Sie eine Benutzer-E-Mail mit ihrem Namen drucken möchten, tippe ich diesen Code ein und ich werde ihn duplizieren, und ich teste den Namen erneut mit ihrer E-Mail-Adresse. Wenn ich diese Datei einstelle, können Sie jetzt in meinem Browser sehen, dass sie auch den Benutzernamen und die E-Mail-Adresse ausgibt. Sie können es in meiner Konsole sehen. In ähnlicher Weise können Sie alle Schlüssel verwenden , um bestimmte Daten abzurufen. Sie können im Objekt Null sehen, es ein anderes Objekt namens Adresse gibt. Jetzt entscheiden Sie sich, den Benutzer City von der Adresse aus zu drucken. In diesem Fall müssen Sie zunächst das Adressschlüsselwort Dot Address verwenden. Auch hier müssen Sie den Punkt verwenden, um die genaue Abfrage anzugeben, und ich möchte nur City aus der Adressleiste abrufen. Also gebe ich Punkt C ein. Wenn ich diese Datei einstelle, können Sie jetzt in meinem Browser sehen, dass sie den Benutzernamen mit der Stadt ausgibt. Auf diese Weise können wir Daten in einer Tabelle drucken. Wenn Sie feststellen, ruft Haro JSON-Daten vom Online-Server ab, und wir rufen auch JSON-Daten aus einer lokalen Datei Lassen Sie mich Ihnen das Beispiel zeigen. Wenn ich Ihnen mein aktuelles Arbeitsverzeichnis zeige, können Sie sehen, dass es einen Ordnernamen gibt. Im Inhaltsordner erstelle ich bereits eine JSON-Datei mit dem Namen student dot JS. In diese JN-Datei füge ich bereits einige Daten ein, Namen des Schülers, das Alter des Schülers und seine Stadt. Jetzt möchte ich diese lokalen Daten mithilfe der H-API abrufen. Zuerst ändere ich unseren Dateipfad, Inhalt, Schrägstrich oder Dateinamen, Student Dot Json Zuerst werde ich das für Loop beenden, also werde ich das auskommentieren weil ihr Schlüssel anders ist Zuerst möchte ich die Daten in unserer Konsole anzeigen. Wenn ich diese Datei einstelle, können Sie in meiner Konsole sehen, wir zwei Daten erhalten und Sie können unsere Schülerdaten sehen, und unsere Schlüssel sind Name, H und City. Wenn Sie die Daten mit der F-Schleife anzeigen möchten , werde ich dies erneut für Loop aktivieren, und ich muss den Abschnitt nicht adressieren , also werde ich ihn entfernen. Und ich möchte nur den Namen der Schüler und ihre Stadt ausdrucken. Wenn ich diese Datei speichere, können Sie das Ergebnis in unserem Browser sehen . Es druckt den Namen der Schüler und ihre Stadt. Wenn Sie dynamische Fehlermeldungen in Ihrem Browser anzeigen möchten , können Sie das tun In der Cache-Methode gebe ich document dot write Ich kann keine Daten abrufen und werde unseren Dateipfad ändern. Ich werde A aus dem Schüler entfernen. ich die Datei speichere, können Sie in meinem Browser sehen, dass sie unsere Cache-Funktionsnachricht ausgibt. Daten können nicht abgerufen werden. Wenn ich dir meine Konsole zeige, siehst du den Ausdruck 404, was bedeutet, dass die Datei nicht gefunden wurde Ich hoffe, du verstehst jetzt, wie es funktioniert. In der nächsten Studie werde ich Ihnen zeigen, wie wir mithilfe der Fitch-API Daten in den Lib-Server einfügen können mithilfe der Fitch-API Daten in den Lib-Server einfügen Danke, dass du dir dieses Video angesehen hast. 26. Daten mit Fetch-API einfügen: In diesem Video erfahren wir, wie wir mithilfe der FH-API Daten in den Server einfügen können mithilfe der FH-API Daten in den Server einfügen Dafür müssen wir den Dateipfad der Server-Site angeben, vielleicht eine PHP-Datei, eine Python-Datei oder.net-Datei Damit übergeben wir einige Parameter. Also benutze ich Coma und ich benutze Carliss. Im Inneren des Schlachtkörpers verwenden wir einige Eigenschaften, und sie haben unterschiedliche Werte Unsere erste Eigenschaft ist Methode. Ich habe Ihnen bereits gesagt, dass wir verschiedene Methoden zum Abrufen von Daten und N-Daten haben . Wenn Sie Daten einfügen möchten, müssen wir Post Mathod verwenden Aber für JSN haben wir noch mehr Methoden. Warum müssen wir Daten auf unseren Server einfügen, wir müssen die Post-Methode verwenden Wenn Sie jedoch Serverdaten aktualisieren möchten, müssen Sie Put verwenden. Wenn ich Serverdaten löschen möchte, müssen wir die Löschmethode verwenden. Wenn Sie nur Daten lesen möchten, müssen Sie die Gate-Methode verwenden und dann kommt unsere zweite Eigenschaft , der Körper im Körper, wir übergeben diese Daten, die wir in unseren Server einfügen müssen, und das kann anders sein. Vielleicht Semel aus JCN-Daten oder nimmt Daten, und dann müssen wir unseren Header übergeben Wir müssen das Format deklarieren, aber wir wollen Daten über den Body an den Server senden Daten über den Body an den Server Ich möchte nur Inhaltstyp sagen. Dazu müssen wir einen Q-Wort-Inhaltstyp eingeben, und dann müssen Sie das Anwendungsdatenformat eingeben. In unserem Fall bedeutet JSN, dass alle Daten, die wir von unserem Körper senden, es sich um Daten im JSN-Format Angenommen, wir wollen keine JN-Daten senden. Ich möchte eSML aus Daten senden. In diesem Fall müssen wir einen anderen Inhaltstyp verwenden. Schrägstrich X der Anwendung, Bindestrich, WWW, Bindestrich aus der codierten Bindestrich-URL Wenn Sie direkt aus Daten senden möchten, müssen Sie Lassen Sie mich Ihnen das Praktische zeigen. Jetzt werde ich mithilfe der F-API Daten auf unseren Server einfügen. Weißt du, wir haben keine echte Datenbank. Ich werde gefälschte JN-Daten verwenden. Ich werde unseren alten Website-Namen JN Placeholder verwenden. Wenn ich ein bisschen herumscrolle, kannst du sehen, du kannst einen Link sehen, eine Namensanleitung In diesem Link finden Sie den Code, mit dem Sie Daten mithilfe von FPI an den Server senden können Wenn Sie Daten lesen möchten, müssen Sie diesen Code verwenden Und ich habe ungefähr ein wenig Gewicht erzielt, Sie können eine Option sehen, die eine Ressource erstellt. Mit diesem Code können wir Daten über die HH-API in unseren Life-Server einfügen , und Sie können die Methode post für den Header-Inhaltstyp sowie eine weitere Funktion mit dem Namen N dot string fi sehen Was bedeutet P? Bei den Daten, die wir von unserem Benutzer erhalten, handelt es sich jedoch um ein JavaScript-Objekt, und wir können das JavaScript-Objekt nicht direkt in einer JN-Datei speichern. Wir verwenden die Funktion J string. Sie konvertiert das JavaScript-Objekt in JN-Daten. Wir wissen bereits, ob wir versuchen, JSN-Daten zu senden, dann müssen wir unsere Inhaltstyp-Anwendung JN deklarieren Ich werde den ganzen Code verwenden. Ich wähle ihn aus und kopiere ihn und innerhalb dieses Skript-Tags überschreibe ich den Code. Mit dieser Datei füge ich neue Daten auf unseren Server ein, und Sie können unseren Serverpfad in unserem URL-Bereich sehen. Wenn Sie die Datei einrichten und zur Seite zurückkehren, und Sie können in meiner Konsole sehen, dass die Daten gespeichert werden, was wir in unseren Server einfügen. Sie können die ID 101, den Titel AO und die Benutzer-ID eins sehen . Dies ist die Antwort für unseren Server. Es handelt sich um Dummy-Daten, sie werden also nicht dauerhaft gespeichert. Aber das ist genau die Methode, wir befolgen sollten, wenn wir versuchen, Daten mit HPI in den Server einzufügen Daten mit HPI in den Server Es sind gefälschte Daten. Wenn ich den Titel Hello World ändere und den Code speichere , wird in unserer Konsole ein Fehler angezeigt. Es ist nicht 404. Diese Website bietet eine Demo-Datei. Wir können dem Server keine anderen Daten hinzufügen. Wir können diesen Link zur Website zu Übungszwecken verwenden. Wenn wir jedoch unseren eigenen PHP-Code oder eine andere serverseitige Sprache verwenden , können wir die Daten auf diesem Server festlegen. Nicht nur das, Sie können das Objekt auch außerhalb des Body-Tags erstellen . Lass es mich dir zeigen. Ich werde den Objektinhalt kopieren und außerhalb des PHPI eine Variable Po VG erstellen V entspricht, ich erstelle ein JavaScript-Objekt mit demselben Schlüssel und Wert und innerhalb des Hauptabschnitts werde ich dieses Javascript-Objekt in JCN-Daten umwandeln in JCN-Daten JSN-Punkt, Zeichenfolge if f, innerhalb der runden Aussparung, O Vj Wenn ich diese Datei eingerichtet habe, können Sie die Antwort in unserer Konsole sehen die Antwort in unserer Ich hoffe, jetzt ist Ihnen klar, was p-Methode ist und wie wir sie verwenden können. Wenn ich zum JCN-Platzhalterleitfaden zurückkehre, können Sie sehen, dass die Ressourcenmethode aktualisiert wird Sie müssen Ihren Methodennamen ändern Und Sie müssen dem ähnlichen Schritt folgen. Das ist es. Um Daten zu löschen, müssen Sie nur die Löschmethode verwenden. In Ihrer URL müssen Sie die genaue Indexnummer angeben. Sie können den ersten Beitrag sehen. Ich hoffe dir gefällt dieses Video. Danke, dass du dir dieses Video angesehen hast. Wir sehen uns beim nächsten Tutorial. 27. Async-Intro: Hallo Freunde, schön, dass ihr wieder da seid. In diesem Artikel werden wir zwei neue Funktionen von JavaScript kennenlernen ASIS und Aved. Lassen Sie uns versuchen zu untersuchen, was die ASIS-Funktion ist. Da wir in unserem Fall normale Funktionen erstellen, füge ich ein, wenn ich das ASN-Schlüsselwort vor dem Funktionsschlüsselwort Dann wird es eine ***-Funktion. Aber die Frage ist, was ist der Unterschied zwischen einer normalen Funktion und einer Assing-Funktion. Weil eine Funktion immer ein Versprechen geschrieben hat, und wir haben in unseren vorherigen Videos gelernt, und wir wissen, dass Versprechen für die Art von Funktion geschrieben sind. Entschließt euch und ruht euch aus. Darauf aufbauend machen wir unsere weitere Arbeit. Wenn es sich löst, rufen wir dann function auf, und wenn unser Versprechen eingehalten wird, rufen wir automatisch die Cache-Funktion Unsere Assing-Funktion funktioniert wie Promise. Es kann gelöst werden oder ruhen. In ähnlicher Weise können wir die Funktion für die Auflösung aufrufen, und wir können die Cache-Funktion für Resect aufrufen Nun stellt sich die Frage, warum wir die As-Funktion verwenden , da wir bereits die Promise-Methode haben Wenn Sie sich erinnern, ist unsere Promise-Methode etwas kompliziert Jedes Mal, wenn wir eine Funktion in Promise deklarieren, auflösen oder ruhen lassen müssen Funktion in Promise deklarieren, auflösen oder ruhen Um diese Komplikation zu lösen, führt Javascript die Assn-Funktion ein Sie ist sehr einfach zu bedienen. Sie müssen nur als Schlüsselwort vor dem Funktionsschlüsselwort eingeben , und Sie müssen Ihre Funktion nicht ändern . Ich möchte eine Sache sagen. Unsere Promise-Funktion in der Version ES6 von Javascript eingeführt, und die ASN-Funktion wird in der Version Java Script ES 2017 Von hier aus können Sie verstehen, warum JavaScript die Asne-Funktion einführt Tanser ist einfach zu lösen, wenn es um Komplikationen geht . All die Dinge, die wir innerhalb der Promise-Methode tun könnten , können wir in der Asne-Funktion tun Ohne Ihre Zeit zu verschwenden, kehren wir zum Sudo-Code-Editor zurück 28. Async-Tutorial: Hier können Sie nebeneinander sehen, ich öffne meinen Visual Studio-Codaor und öffne meinen Browser mit der Lib-Servererweiterung, und ich erstelle bereits eine Estiml-Datei mit dem Namen Zuerst werde ich ein Scriptag erstellen. In diesem Scriptag werde ich eine normale Funktion erstellen Funktion Taste, und diese Funktion wird eine Zeichenfolge zurückgeben, hallo world Nennen wir die Taste-Funktion. Ich möchte diese Funktion in meiner Konsole aufrufen. Punktprotokoll der Konsole, in der Klammer, Geschmack. Lass uns die Datei lesen. Man kann auf meiner Konsole sehen, es druckt, Hello World. Hier gibt es nichts Neues. Es ist im Grunde eine normale Funktion. Lassen Sie uns die Funktion in eine AS-Funktion umwandeln. Dazu müssen wir As vor dem Schlüsselwort function eingeben. Das ist jetzt keine normale Funktion. Diese Funktion funktioniert nur, wenn mehr asynchron ist. Bedeutet in unserem Hintergrund. Wenn ich diese Datei speichere, kannst du meine Konsole sehen, sie hat ein Versprechen geschrieben. Sie können meine Konsole, das Versprechungsergebnis, das Begrüßungswort und den Status des Versprechens erfüllt sehen. Jetzt ist es für dich klar. Wenn wir ein Schlüsselwort vor der Funktion verwenden, wird ein Versprechen geschrieben, und wir wissen bereits, dass wir die Funktion then oder catch mit promise verwenden können . Lass uns sehen. Ich werde diese Zeile auskommentieren und dann werde ich diese Funktion Taste nennen. In unserer Assn-Funktion müssen wir weder die Resolve- noch die Rest-Funktion verwenden Wir können die Funktion direkt aufrufen. In der Then-Funktion werde ich eine Pfeilfunktion erstellen. Was auch immer diese Funktion zurückgibt, und wenn sie erfolgreich ausgeführt wird, wird unsere Then-Funktion automatisch aufgerufen und innerhalb der Then-Funktion können wir unseren Rückgabewert drucken. Punktprotokoll der Konsole, innerhalb des Ergebnisses in Klammern. Wir müssen die Ergebnisvariable als Parameter zum Speichern des Werts erstellen als Parameter zum Speichern Ergebnis. Sie können einen beliebigen Namen annehmen. Wenn ich diese Datei speichere, kannst du in meiner Konsole sehen, dass sie Hello World ausgibt. Es gibt verschiedene Methoden, um die Assn-Funktion in JavaScript zu erstellen Assn-Funktion in JavaScript Wir können die Asne-Funktion mit einer normalen Pfeilfunktion erstellen. Lass es mich dir zeigen. Zuerst werde ich einen Variablennamen probieren. Spätgeschmack entspricht, und das ist unsere Basisfunktion. Dies ist eine weitere Möglichkeit, die Asne-Funktion zu erstellen. Wenn ich diese Datei einstelle, können Sie in meiner Konsole sehen , dass sie Hallo geschrieben hat Es ist wichtig, dass es richtig funktioniert. Wenn ich in eine Pfeilfunktion passen will, ja, das kann ich. Dafür müssen wir das Funktionsschlüsselwort nicht eingeben. Und dann verwende ich gleich zehn Gratin und dann Sinus. Weißt du, wenn es eine einzige Anweisung in unserer Pfeilfunktion gibt , dann können wir diese Clibrass löschen und wir können sie einzeilig machen, und wir können auch dieses geschriebene R entfernen . Wenn ich diese Datei setze, kannst du sehen, dass sie richtig funktioniert hat Sie können sehen, wie klein die R-Funktion geworden ist. Versuchen wir zu verstehen, was die Tierarztmethode ist. 29. Erwarte das Intro: Lassen Sie uns über die AT-Methode sprechen. Arbeite innerhalb der Async-Methode. Um die Vet-Methode auszuführen, müssen wir zunächst die Assn-Funktion erstellen Wie Sie auf Ihrem Bildschirm sehen können, erstellen wir eine Assn-Funktion mit dem Namen Taste Innerhalb der Funktion drucke ich drei Anweisungen. Wenn ich diese Funktion aufrufe, druckt sie nacheinander drei dieser Anweisungen. Nehmen wir an, wir haben irgendeinen Code für diese Funktion, dann wird sie danach gedruckt. Lassen Sie uns über die At-Methode sprechen. Wir können die At-Methode in unserer Assn-Funktion verwenden. Wir müssen nur das Schlüsselwort At vor einer beliebigen Kernzeile eingeben , so etwas in der Die Bedeutung der Zeile ist, dass ich meinem Compiler gesagt habe, dass er nach dem Drucken von Log B warten soll. Was ist der Vorteil davon Bis der Prozess auf Konsole B abgeschlossen ist, wird der Code außerhalb unserer Assn-Funktion ausgeführt . Wenn ich die Testfunktion aufrufe, wird zuerst Konsole A gedruckt, dann kommt sie zur At-Methode, und hier habe ich meiner Funktion *** gesagt, sie soll warten Sie druckt Konsole B. Danach wird der Code nicht mehr ausgeführt, egal welcher Code da ist nicht mehr ausgeführt Es verlässt die Testfunktion und versucht, unsere anderen Codes auszuführen Wenn alle anderen Codes abgeschlossen sind, kehrt es zur At-Funktion zurück Es wird prüfen, ob unsere Arbeit erledigt ist oder nicht. Wenn unser Code vollständig ist, wird der Code, der sich in der Funktion *** befindet , mit der Ausführung beginnen. Wenn wir die At-Methode in der Assing-Funktion verwenden, stoppt sie die Ausführung unserer Funktion und verlässt die Funktion und versucht, andere Codes auszuführen. Wenn andere Codes abgeschlossen sind , kehren wir zur At-Methode zurück und versuchen, anderen *** Funktionscode auszuführen und auszuführen. Hauptsächlich verwenden wir es. Wann möchten Sie Daten vom Server korrigieren, und wir verwenden sie mit unserer Abruf-Methode Mit dieser Abrufmethode können wir Daten vom Server abrufen Es können JSON-Daten sein oder Daten aufnehmen. , bis die Daten, die wir vom Server abrufen möchten kann eine Weile dauern , bis die Daten, die wir vom Server abrufen möchten, ankommen Und unser externer Code lief weiter, bis die Daten vom Server kamen Wenn die vollständigen Daten eingehen, sie wieder zur At-Funktion zurück. Dann machen wir weiter der folgenden Aufgabe unserer Funktion. Lassen Sie uns mit dem Praktischen beginnen und sehen, wie wir At-Methode mit unserer Assing-Funktion verwenden können. 30. Warte auf das Tutorial: Hier können Sie noch einmal sehen, dass ich meine Vises für Ihren Creator- und Microme-Browser öffne und bereits einen asynchronen Funktionsnamen Taste erstelle , Zuerst werde ich eine Anweisung außerhalb der Funktion drucken Anweisung außerhalb Punktprotokoll der Konsole innerhalb der Klammer mit einem Doppelpunkt. Das heißt, das ist unsere erste Nachricht. Hier werden wir verstehen, wie eine Nassfunktion funktioniert, und ich werde dieselbe Nachricht kopieren und in die ASIN-Funktion einfügen, und ich werde sie nach und nach duplizieren. Außerdem werde ich ihre ID ändern, zwei, drei und vier Zuerst wird es unsere Nachricht drucken, eine Aussage. Dann wird es unsere Funktion Taste aufrufen, die eine Assn-Funktion ist Dann drucken Sie unsere drei Anweisungen innerhalb der Basisfunktion Noch einmal werde ich in unserer Konsole weitere Massen drucken , Messen fünf. Wenn ich diese Datei speichere, können Sie in meiner Konsole sehen, dass alle Massen seriell gedruckt Masse eins Massen zwei Massen drei Masse vier Massen fünf. 2-4, sie sind alle von Assn Function. Jetzt tippe ich bei Methode vor der Masse Drei. Ich habe dir schon gesagt, was bedeutet At? Warte und beende den Job. Bis diese Arbeit erledigt ist, beenden Sie unsere andere Arbeit, dann kehren Sie zu unserer At-Funktion zurück und überprüfen Sie. Ist es fertig oder nicht? Wenn es fertig ist, druckt es Massen von vier. Ich werde diese Datei noch einmal speichern. Sie können sehen, dass es unsere Reihenfolge ändert. Sie können zuerst sehen, dass es Massen 1 druckt. Dann rufe ich unseren Funktionstest auf , der eine Assing-Funktion ist. Ich drucke seine erste Aussage zwei aus. Dann druckt es Bei Massen, Man Messen drei. Aber ich erkläre unsere Funktion auch ganz genau. Solange sie wartet, werden die Massen außerhalb der Testfunktion gedruckt. Nach drei ist es Druck fünf, nicht vier. Sobald der Job erledigt ist, ist er wieder da, um zu überprüfen, ob er richtig funktioniert oder nicht. Wenn es richtig funktioniert, drucken Sie Masse vier. Auf diese Weise funktioniert unsere At-Methode in unserer ath-Funktion. Wir versuchen, die At-Methode ohne Acing-Funktion auszuführen , dann heißt es er. Jetzt werde ich dir zeigen, was der eigentliche Nutzen von At Method ist . Wo und warum wir At Method verwenden. Immer wenn wir versuchen, Daten vom Server zu verarbeiten, müssen wir die At-Methode verwenden. Hier werde ich die Fetch-Methode verwenden, und wir haben in unserem vorherigen Video mehr darüber erfahren Hier werde ich JSON-Daten abrufen und erstelle bereits eine JN-Datei in meinem aktuellen Arbeitsverzeichnis. Lass es mich dir zeigen Hier siehst du, ich erstelle einen Ordner namens contain. In diesem Ordner siehst du eine JN-Datei mit dem Namen student dot JSN Wir haben drei Datensätze in unserer Datei. Name, Alter und Stadt. Es ist ein SN-Format. Sie können auch gefälschte JN-Daten von der Website abrufen, hauptsächlich zu Testzwecken. Kehren wir zur EstimL-Datei mit dem Indexpunkt zurück, und jetzt verwende ich die Fetch-Methode Zuerst erstelle ich eine Variable und entferne diese Zeile Konstante Antwort entspricht f, und innerhalb der F-Methode übergebe ich meine URL, content student dot JN Vor dieser f-Funktion werde ich unsere Methode verwenden Warte. Es ist wichtig, ich habe meiner Funktion gesagt, zu warten und die vollständigen Daten aus unserer JCN-Datei abzurufen Bis der Vorgang abgeschlossen ist, wird unser nächster Code ausgeführt Sobald alle Arbeiten abgeschlossen sind, kehrt sie zur AD-Funktion zurück und wir fahren mit den nächsten Zeilen fort. Wir wissen, dass unsere Abruf-Methode versprochen wurde. Ich werde eine Variable erstellen. Aber zuerst werde ich diese Zeile entfernen. Cs student equal do, und wieder werde ich At Method verwenden, Antwortpunkt JSN, Antwortpunkt JSN, und wir haben in unserem vorherigen Video gelernt, Im Grunde genommen gibt unsere Abruf-Methode JSN oder das Textformat zurück. Als Antwort erhalten wir eine JSN-Datei, also müssen wir Dot Json verwenden Ich werde alle Daten zurückgeben, die ich aus der AJCN-Datei abgerufen habe, schriftlichen Studentenwert und einen schriftlichen Studentenwert Wir wissen, dass unsere Assn-Funktion ein Versprechen geschrieben hat. Zuerst wird sie eine Masse drucken und dann wird sie meine Funktion Taste ausführen Es ist die Assn-Funktion, also wird sie Masse zwei drucken Danach bitten wir darum, hier zu warten. Nach unserer ersten At-Veranstaltung werde ich eine weitere Nachricht drucken, Massen drei. Außerdem werde ich eine Variable für unseren Funktionsaufruf erstellen , wobei t x dem Geschmack entspricht, und ich möchte diese Antwort in unserer Konsole ausgeben. Also gebe ich das Punktprotokoll der Konsole in das runde Messing ein, x. Lassen Sie uns den Code vergessen. Sie können in meiner Konsole sehen, wie Sie sehen können, zuerst Massen eins drucken, und dann rufen wir unsere Funktion Taste auf. Ich drucke Masse zwei und dann sage ich dir, bis acht. Ich hole hier Daten vom Server ab. Also ist es aus dieser Funktion herausgesprungen und hat angefangen, an Massage 4 zu arbeiten Sie können meinen Konsolenbereich sehen. Es gibt vier bis zwei aus, und wenn Massage vier abgeschlossen ist, nennen wir unsere x-Variable. Es kehrt zur Assn-Funktion zurück und erhält eine Antwort vom Server, und Sie können sehen, dass es unsere Antwort als Versprechen Sie können sehen, dass wir in unserem Versprechen zwei Arrays haben. Unser Versprechen ist erfüllt. Nachdem Sie den Abschnitt mit den Versprechen abgeschlossen haben, drucken Sie unsere Masse drei aus. Auf diese Weise verwenden wir die Async- und Avid-Methode mit unserer Abruffunktion Jetzt werde ich alle zusätzlichen Nachrichten entfernen. Also werde ich den gesamten Konsolenbereich entfernen. Jetzt sieht es ziemlich einfach aus. Kehren Sie zunächst zur Funktion für unseren Abruf-Inhalt zurück. Es wird so lange warten, bis die Daten vom Server kommen, und wir haben unserer Antwort gesagt, dass sie erneut warten soll Ich verwende eine andere At-Methode. Dann geben wir unser Ergebnis zurück. Wenn ich diese Datei eingestellt habe, können Sie in meiner Konsole sehen. Als Ergebnis erhalten wir ein Versprechen, und wir haben zwei Arrays in unserem Versprechen, weil wir in unserer JCN-Datei zwei Ergebnisse haben, und wie Sie wissen, können wir die Funktion then und catch mit der Promise-Methode verwenden Zuerst werde ich den Konsolenbereich entfernen, und ich werde auch diese Variable x entfernen. Zuerst rufen wir unsere Testfunktion Wenn die Zusage erfolgreich geschrieben wurde, dann werden wir die Funktion verwenden. In der Then-Funktion werde ich eine Pfeilfunktion erstellen. Außerdem werde ich eine entsprechende Cache-Methode erstellen. Punkt fangen und die Klammern setzen, ich werde eine weitere Pfeilfunktion erstellen Wenn in unserer Funktion ein Fehler auftritt, wird automatisch die Catch-Funktion ausgeführt Jetzt werde ich den Studentendatensatz in einer Variablen speichern. Unser Variablenname ist RES Data bedeutet Antwortdaten, und ich werde diesen Wert in unserer Konsole drucken. Rs-Daten werden in der Konsole protokolliert. Wenn unser Code einen Fehler enthält, wird unser Cache-Pathol eine weitere Fehlermeldung ausgeben Ich werde einen weiteren Variablenfehler erstellen. In der Fehlerfunktion werde ich Punktprotokollfehler der Konsole ausdrucken. Zuerst haben wir unsere AN-Funktion Taste genannt und sie hat ein Versprechen geschrieben. Wenn das Versprechen erfüllt ist, es ausgeführt und funktioniert dann. Wenn in unserer Funktion ein Fehler auftritt, wird die Cache-Funktion automatisch ausgeführt. Wenn ich diese Datei einstelle, können Sie in meiner Konsole sehen , dass sie ein Array geschrieben hat, und wenn ich dieses Array öffne, können Sie sehen, dass es ein Son-Objekt bereitstellt. Wenn ich den Dateipfad ändere, werde ich eine Datei von Student entfernen. Und stelle diese Datei ein, du kannst in meiner Konsole sehen, dass sie einen Pfeil 404 ausgibt, Mans-Datei wurde nicht gefunden. Es führt unsere Fangmethode aus und druckt den Pfeil. Lassen Sie uns nun sehen, wie wir so viele Zeilen in eine Zeile konvertieren können . Ich möchte es nur einzeilig machen. Zuerst werde ich diese ganze Zeile auskommentieren. Hauptsächlich konzentrieren wir uns auf die Methode Fetch und At. Ich werde in die Klammer zurückkehren, ich rufe die At-Methode auf und ich möchte JN von dort zurückgeben Ich verwende die Punkt-SN-Funktion. Wir machen es einzeilig. Wenn ich diese Datei einstelle, können Sie in meiner Konsole sehen, dass sie auf ähnliche Weise ein Array geschrieben hat, und wir haben zwei JSON-Objekte in diesem Array. Hier können Sie sehen, dass ich drei Codezeilen in eine Zeile umwandle . Lassen Sie uns über unser letztes Thema, die Fehlerbehandlung, sprechen. Grundsätzlich behandeln wir unseren Fehler mit der Catch-Funktion. Bei der Verwendung der Catch-Funktion gibt es einen Nachteil. Wenn wir die Testfunktion aufrufen, müssen wir jedes Mal die Catch-Methode verwenden , um den Fehler zu behandeln. Ich möchte es nicht jedes Mal benutzen. Es gibt eine Abkürzung, um damit umzugehen. Ich werde alle Zeilen auskommentieren und diesen Rückgabebereich auskommentieren Im Grunde verwenden wir Tri Catch , um diesen Fehler zu behandeln. In der Assing-Funktion verwenden wir den Tri-Cache-Block. In unserem nächsten Video werden wir mehr über Tri-Cache erfahren. Innerhalb des getesteten Blocks geben wir unseren gesamten Code ein. Also werde ich diesen Code in den getesteten Block verschieben. Es bedeutet, dass wir diesen Code ausprobieren. Wenn es richtig funktioniert hat, dann wurde es geschrieben, und wir können in unserer Then-Funktion darauf zugreifen. Wenn in diesem Tribe-Block ein Fehler auftritt, wird der Cache-Block automatisch ausgeführt. Innerhalb des Cache-Blocks drucken wir unseren Pfeil. Ich werde diese Fehlermeldung in diesen Block verschieben und die Cache-Methode entfernen Außerdem müssen wir die Fehlervariable innerhalb des Fehlerblocks deklarieren . Immer wenn wir die Testfunktion aufrufen, müssen wir die Cache-Methode nicht eingeben , um den Pfeil zu verarbeiten. Wenn ich diese Datei einstelle, können Sie in meiner Konsole sehen, dass wir erfolgreich auf unsere Daten zugreifen können. Wenn ich in meiner Funktion einen Fehler mache, ändere ich die Schreibweise einer Antwort, RS dou two PON SC. Sie können sehen, dass es keine Variable m gibt, Rest 22 Punkte. Wir wissen, dass es einen Fehler zurückgeben wird . In diesem Fall wird unser Cache-Block ausgeführt. Wenn ich diese Datei einstelle, wird in meiner Konsole ein Fehler angezeigt. Es druckt. Referenzfehler. Rest 22 Pfund ist nicht nach Geschmack definiert , da wir diese Variable in unserer Funktion nicht definieren. Druckt auch eine weitere undefinierte Nachricht. Sie können sehen, wie wir mit Fehlern umgehen können , indem wir Ihren Cache-Block löschen Bei Tri ist es ziemlich ähnlich, außer bei der Bedingung in Python. Wenn in unserem Tri-Block ein Fehler auftritt, springt er automatisch zum Cache-Block und gibt unsere Fehlermeldung aus. Ich werde dieses Problem lösen und diese Datei erneut einrichten. Jetzt ist es ziemlich in Ordnung. Wenn Sie dieses Ergebnis in Ihrem Dokumentbereich drucken möchten , können Sie das tun. Sie können dafür for loop verwenden. Ich hoffe, Ihnen ist jetzt klar , was AC- und AD-Methode ist und wie wir sie mit unserer FT-Methode verwenden können. Danke, dass du dir dieses Video angesehen hast. Wir sehen uns bald. 31. Advance JavaScript-Symbole intro: Hallo Freunde Natsio ba. In diesem Artikel werden wir etwas über Symbole lernen. Wir wissen bereits über den Datentyp in JavaScript Bescheid. Insbesondere haben wir sieben Datentypen: Zeichenfolge, Zahl, Bullion, Array, Objekt, Null und Undefined wurde jedoch ein neuer Datentyp hinzugefügt , nämlich das Symbol In diesem Video werden wir etwas über das Symbol lernen. Bevor wir uns jedoch mit Symbolen befassen, werfen wir einen Überblick über unsere alten Datentypen. Angenommen, ich habe einen Variablennamen A. Wenn wir dieser Variablen und innerhalb der Doppelcodes oder Einzelcodes irgendeinen Wert angeben, dann nennen wir es eine Zeichenfolge, und es spielt keine Rolle, ob es alphabetisch oder numerisch ist Das bedeutet, dass ein Datentyp eine Zeichenfolge ist. In ähnlicher Weise nennen wir, wenn wir einen numerischen Wert ohne Codes zuweisen, ihn als nummerierten Aber wenn ich zwei oder falsch ohne Anführungszeichen angebe, ist es hauptsächlich ein boolescher Aber wenn ich unserer A-Variablen mehrere Werte hinzufüge, können wir den AA-Datentyp verwenden Für diese müssen wir quadratische Verse verwenden, und dann können wir mehrere Werte verwenden. Aber wenn ich Schlüssel- und Wertegebet hinzufügen möchte , können wir den Objektdatentyp verwenden. Und wenn ich dieser Variablen Null zuweise, dann nennen wir sie den Null-Datentyp. Wenn ich dieser Variablen keinen Wert definiere, können wir sie in diesem Fall als undefiniert bezeichnen Ich weiß, wenn du an diesem Kurs teilnimmst, weißt du schon davon Ich möchte es nur noch einmal überarbeiten. Aber in diesem Video werden wir einen neuen Datentyp, das Symbol, verstehen Wenn Sie den Symboldatentyp verwenden möchten, müssen Sie eine Variable verwenden und diese mit einer Symbolmethode zuweisen Denken Sie daran, dass dies Großbuchstaben sein sollte und wir danach runde Basen verwenden müssen Innerhalb dieses Symbols können wir einen beliebigen Wert platzieren. Es kann ein numerischer Wert oder ein Zeichenkettenwert sein, etwas Ähnliches. Wir nennen das Zeichenkettensymbol Identifier oder Beschreibung. Es ist immer ein eindeutiger Wert. Ich möchte sagen, dass wir nicht denselben Wert zuweisen können . Anderes Symbol. Angenommen, ich nehme eine andere Variable B und gebe denselben Wert an. Wie Sie sehen können, ist der Wert der Variablen A und B identisch. Vielleicht kannst du denken, dass ihr Wert derselbe ist. Wenn wir versuchen, sie zu vergleichen, ist es wahr, aber das wird nicht passieren. Wenn wir das mit einer Variablen vergleichen, wird es falsch geschrieben. Ihr Wert sieht gleich aus, aber nicht derselbe, weil der Wert eines Symbols einzigartig ist, und wenn wir versuchen, ihn zu vergleichen, wird er falsch geschrieben. Warum müssen wir einen eindeutigen Wert für unser Programm verwenden? In diesem Fall können wir Symbole verwenden. Lassen Sie uns mit dem Praktischen beginnen und versuchen, mehr über Symbole zu erfahren. 32. Symbole Teil 1: Hier können Sie sehen, ich öffne meinen Visual Studio-Code-Editor und erstelle auch eine eSTL-Datei , und ich öffne diese eSTL-Datei mit der Life Server-Erweiterung in Zuerst gebe ich das Script-Tag ein . Innerhalb des Skript-Tags werde ich ein Symbol erstellen. Ich werde eine Variable erstellen. Late ID sollte gleich S sein. Symbol. Lassen Sie uns dieses Symbol in unserer Konsole drucken. Also werde ich das Konsolenprotokoll in die ID in Klammern eingeben in die ID in Klammern Wenn ich diese Datei speichere, kannst du meine Konsole sehen, sie wird gedruckt, es ist ein Symbol, und ich werde dem Symbol eine Kennung zuweisen Also werde ich Hallo eingeben. Es kann eine Zeichenfolge sein, vielleicht eine Zahl, was auch immer. Wenn ich diese Datei einstelle, kannst du meine Konsole sehen , Sprint, Hallo. Wenn ich dir den Datentyp zeige, werde ich diese Zeile duplizieren und ich möchte den Typ der ID drucken. Wenn ich diese Datei einstelle, können Sie das Sprint-Symbol sehen. Symbole bedeuten einen eindeutigen Wert. Versuchen wir zu beweisen, dass es sich um einen einzigartigen Wert handelt. Ich werde diese Zeile duplizieren und den Namen ID zwei ändern. Sie können sehen, dass es genauso aussieht und ihr Wert derselbe ist. Aber wenn ich diese beiden Variablen vergleiche, wird sie falsch geschrieben. Lass es uns vergleichen. ID entspricht Regs zu ID zwei. Wenn ich diese Datei einstelle, können Sie sehen, dass sie geschrieben wird Das bedeutet, dass diese beiden Variablenwerte nicht identisch sind. Es sieht ziemlich ähnlich aus, ist aber nicht dasselbe. Aber wenn ich eine Zeichenfolge verwende, lass mich dir das zeigen. Ich werde diese Zeile rückgängig machen und den Namen tr eins und zwei ändern Jetzt sind es Zeichenketten, keine Symbole, ich werde das Schlüsselwort symbol entfernen Und ich werde auch dieses entfernen. Jetzt werde ich diese beiden Werte vergleichen. Im Bereich Consol Dot Lock gebe ich St r eins und St zwei und ich werde diesen auskommentieren Wenn ich diese Datei speichere, kannst du sehen, dass sie wahr geschrieben ist , denn in diesem Fall sind sie kein Symbol, sondern eine Zeichenfolge und die Werte zweier Variablen sind identisch Sie sind kein IC-Wert. Denken Sie daran, dass wir den Symbolwert nicht direkt in unserem Dokument verwenden können . Lass mich dir das zeigen. Ich werde diese Zeilen entfernen. Ich brauche diese Zeilen vorerst nicht, und ich werde sie auch entfernen. Wie gesagt, wir können den Symbolwert in unserem Dokument nicht drucken. Wenn ich versucht habe zu drucken, werde ich einen Alert verwenden. Hinweis in den Klammern, ich werde den Ausweis ausdrucken Wenn ich diesen Code ausführe, handelt es sich um einen Schreibfehler. Ich werde diesen Code einstellen. Sie können sehen, dass der Typ err und auch print einen Symbolwert nicht in eine Zeichenfolge konvertieren können einen Symbolwert nicht in eine Zeichenfolge konvertieren Wenn Sie einen Symbolwert in eine Zeichenfolge konvertieren möchten, müssen Sie eine Methode verwenden, um den Symbolwert in eine Zeichenfolge umzuwandeln . Lass mich dir das zeigen. Wir müssen die Methode mit zwei Zeichenketten verwenden. ID, Punkt, zwei Zeichenketten. Mit dieser Methode können wir Symbolvariable in eine Zeichenfolge konvertieren. Wenn ich diese Datei eingestellt habe, ist sie jetzt richtig. Sie können in meinem Warnsymbol sehen, Hallo. Ich muss die Methode mit zwei Zeichenketten verwenden , um das Symbol in eine Zeichenfolge umzuwandeln. Dann können wir diesen Symbolwert in unserem Dokument verwenden. Wenn Sie den genauen Wert des Symbols sehen möchten, müssen wir eine andere Methode verwenden. In diesem Fall verwenden wir keine Methode mit zwei Zeichenketten. Ich werde es entfernen und ID Dot Description eingeben. Es ist keine Funktion, also wollen wir keine Rundenrennen verwenden. Es ist nur eine Symbolmethode. Wenn ich diese Datei eingestellt habe, können Sie in meinem Alert-Bereich sehen, sie jetzt nur noch Hallo drucken heißt, heißt unsere Nachricht. Im nächsten Teil dieses Videos werde ich Ihnen zeigen, wie wir ein Symbol in einem Objekt verwenden können . 33. Symbole Teil 2: Hallo Freunde. Schön, zurück zu sehen. In diesem Video werden wir das Symbol innerhalb des Objekts verwenden. Ich werde diese Linien entfernen und ein neues Symbol erstellen. Late H entspricht dem Symbol. Im Moment ist es leer, und dann werde ich ein Objekt erstellen. Ich nehme eine Variable lim für Objekt. Spätes Benutzen, gleichbedeutend mit der Innenverkleidung hier, werde ich das Objekt erstellen. Wir wissen, dass wir Wert und Schlüssel verwenden müssen, um ein Objekt zu erstellen. Unser erster Objektschlüssel ist Name. Und sein Wert ist eins hinzufügen. Unser zweites Objekt ist Klasse, und sein Wert ist Klasse zehn. Jetzt möchte ich dieses Symbol als Schlüssel verwenden. In diesem Fall müssen wir zuerst quadratische Erhöhungen verwenden und dann müssen wir die Symbolvariable eingeben. H, und wir müssen einen Wert bereitstellen. Also gebe ich 25 ein, es ist ein numerischer Wert. B Sie müssen das Symbol als Schlüssel innerhalb des Objekts verwenden, dann müssen Sie quadratische Verse verwenden. Innerhalb der quadratischen Sätze müssen wir eine Symbolvariable angeben. Lassen Sie uns versuchen, dieses Objekt in der Konsole zu drucken. Ich werde Console Log in der Klammer oder Objekt user, Semikolon eingeben , Semikolon Wenn ich diese Datei speichere, können Sie in meiner Konsole sehen meiner Konsole Für unseren ersten Wert ist es der Sprint-Name, zweite Wert ist die Sprint-Klasse, aber für unseren dritten Wert ist es das Printsymbol, und wir geben keine Beschreibung für unser Symbol. Wenn du willst, dann kannst du. Als Symbolwert gebe ich H ein . Wenn ich diese Datei festlege, druckt sie diesmal das Symbol H, und es gibt eine andere Methode, um das Symbol in unserem Objekt zu verwenden. Ich werde es entfernen. Ich entferne auch dieses Koma. Und jetzt werde ich dieses Symbol in diesem Objekt verwenden. Außerhalb des Objekts gebe ich zuerst den Objektnamen user ein. Innerhalb des quadratischen Prozesses nehme ich den Namen der Symbolvariablen gleich 23 und weise ihnen einen Wert zu. Dies ist eine weitere Möglichkeit, ein Symbol mit einem Objekt zu verwenden. Wenn ich diese Datei einstelle, können Sie meine Konsole sehen, sie gibt unseren richtigen Wert aus. Wie Sie wissen, können Sie, wenn Sie den genauen Wert eines Schlüssels sehen möchten , einfach Benutzerklasse eingeben. Wenn ich diese Datei einstelle, können Sie sehen, dass sie den exakten Wert geschrieben hat, Klasse zehn. Wenn ich den Symbolwert anzeigen möchte, können wir diese Methode nicht verwenden. Lassen Sie mich Ihnen zeigen, wenn wir es versuchen, werde ich diese Zeile plattieren und ich möchte den Variablennamen H ändern . Wenn ich diesen Code setze, können Sie sehen, dass er undefiniert ausgegeben Klasse ist unser Schlüssel. H ist unser Schlüssel, aber er funktioniert mit Klasse, warum funktioniert er dann nicht mit? Wenn wir den exakten Symbolwert anzeigen möchten , müssen wir in diesem Fall keinen Punkt verwenden. Wir müssen quadratisches Messing verwenden. Wir müssen diese Variable innerhalb des quadratischen Messings verschieben. Wenn ich diesen Code eingegeben habe, können Sie sehen, dass das Ergebnis jetzt geschrieben wurde. Sie müssen sich daran erinnern, dass wir für den normalen Datentyp Punkt verwenden können. Für den Symboldatentyp müssen wir jedoch quadratische Linien verwenden. Wie Sie wissen, können wir jeden Objektschlüssel oder Wert mithilfe einer Fremdschleife drucken . Lassen Sie uns eine Fremdschleife verwenden. Versuche, jeden Schlüssel in unserer Konsole auszudrucken. Ich werde vier eingeben, in der Klammer steht die Taste User Benutzer bedeutet unseren Objektnamen. Dann in der Konsole des Autos . Loggen Sie sich in die Klammern ein, Schlüssel Wenn ich diesen Code ausführe , werden der Name des Schülers, der Benutzername und die Benutzerklasse gedruckt , aber Benutzer A wird beibehalten , weil es ein Symbol ist Ich möchte diese Datei speichern. Jetzt kannst du meine Konsole sehen, sie gibt die Namensklasse aus. Aber es druckt keine H-Taste, also werden nur zwei Schlüssel gedruckt: Name und Klasse. Aber wenn ich diese Zeile dupliziere und versuche, einen anderen Schlüsselnamen einzufügen , sind Geschlecht und Geschlecht männlich. Ich möchte männlich eingeben. Wenn ich diese Datei speichere, können Sie sehen, dass sie drei K von unserem Objekt, dem Namen, der Klasse und dem Geschlecht absetzt, aber es wird H K maskiert, weil es ein Symbol ist. Wir können das Symbol nicht innerhalb der Fremdschleife verwenden, und Sie müssen sich daran erinnern, dass es so war, und Sie wissen, warum wir ask object verwenden. Weil wir ein Javascript-Objekt in ein JSR-Objekt konvertieren und versuchen, Daten an den Server zu senden Wenn ich versuche, dieses Benutzerobjekt in JN zu konvertieren, überspringe diesen Wert erneut. Lass mich dir das zeigen. Sie können sehen, dass wir vier Werte in unserem Objekt haben , die Namensklasse H und den Namen Ender. Zuerst werde ich das entfernen. Ich brauche das nicht. Und jetzt werde ich dieses Objekt in eine JSN-Datei konvertieren. Ich werde Console Dot Log verwenden. In der Klammer verwende ich JN do stringif Mathl JN stringif . In der Klammer gebe ich unseren Objektnamen an, gebe ich unseren Objektnamen an Ich habe diese Datei gesetzt, Sie können sehen, dass sie ein JS-Objekt geschrieben hat. Aber wenn Sie feststellen, dass der H-Wert fehlt. Aber wenn ich dieses Objekt einfach in unserer Konsole ausdrucke , mal sehen. Ich werde diese Klammer entfernen. ich diese Datei eingestellt habe, können Sie sehen, Sie können meinen Konsolensymbolwert sehen Aber in meinem JS-Objekt gibt es keinen Symbolwert. Sie müssen sich daran erinnern, dass wir diesen Wert nicht in unserer Fremdschleife verwenden können, wenn wir einen Symbolwert in unserem Objekt verwenden, und wir können diesen Wert auch nicht in ein JS-Objekt konvertieren. Wenn Sie es wirklich konvertieren möchten, müssen wir diesen Symbolwert in eine Zeichenfolge konvertieren. Wie ich Ihnen bereits sagte, verwenden wir die Beschreibungsmethode um das Symbol in eine Zeichenfolge zu konvertieren, und dann können wir es in ein J-Objekt konvertieren. Wir konvertieren das Symbol nicht direkt in ein Objekt. Im Grunde ist dies ein neues Datentypsymbol. Eindeutiger Wert für den Symbolspin. Es wird selten verwendet. Ich hoffe, jetzt ist es für Sie klar, was ein Symboldatentyp ist Danke, dass du dir dieses Video angesehen hast. 34. Iterators Intro: Hallo Freunde, schön, dass ihr wieder da seid. In dieser Referenz werden wir eine neue Zukunft über modernes Javascript lernen eine neue Zukunft über modernes Generatoren, nehmen wir an, wir haben eine Funktion namens demo, und innerhalb der Funktion tippe ich mehrere Anweisungen ein, wie Masse eins Masse zwei Masse drei Wann immer wir die Funktion aufrufen müssen, müssen wir nur den Funktionsnamen eingeben. Demo, und dann wird es alle Anweisungen einzeln in unserer Konsole drucken . Aber das Problem ist, dass wir keine Kontrolle über diese Funktion haben. Wenn ich diese Funktion aufrufe, werden alle Nachrichten gedruckt. Aber ich möchte all diese Bänder kontrollieren. Wenn ich die erste Nachricht drucken muss, kann ich das. Und wenn wir nur unsere dritte Nachricht drucken müssen , dann kann ich das tun. Und wenn ich unsere erste Nachricht und unsere dritte Nachricht drucken möchte und ich möchte, dass wir unsere zweite Nachricht umgehen, dann können wir das tun. Aber in unserer normalen Funktion können wir das nicht tun. Um diese Art von Problem zu lösen, Version S 6 von JavaScript führt die Version S 6 von JavaScript eine neue Funktion namens Generator ein. Generiert im Grunde eine Funktion, nur um sie auf andere Weise zu erstellen Wenn Sie eine Funktion erstellen und einen Funktionsnamen verwenden, müssen wir den Sternsinus vor dem Funktionsnamen verwenden Jetzt ist es eine Generatorfunktion. Jetzt können wir alle Anweisungen innerhalb der Funktion steuern . Wenn Sie eine Anweisung beenden möchten, können Sie das tun, aber wir müssen ein spezielles Schlüsselwort namens yield verwenden , etwa so. Es bedeutet Pause. Ich erkläre unsere Funktion. Wenn ich diese Funktion aufrufe, werden unsere Anweisungen unterbrochen. Wenn wir diese Anweisung nicht aufrufen, wird sie nicht ausgeführt. Mal sehen, wie es funktioniert. Zuerst müssen wir die Funktion aufrufen. Wir müssen eine Variable erstellen und dann müssen wir dieser Funktion diese Variable zuweisen . Sie können unserer ersten Aussage entnehmen, dass wir Yield verwenden. Von unserer ersten Aussage an ist es gemein, wir unseren Code pausieren. Wenn wir die Masse eins sehen wollen, müssen wir die Funktion next verwenden, einen Punkt als Nächstes. Wir haben in unserem vorherigen Video davon erfahren. Wir können diese Aussage in einem Dokument oder einer Konsole drucken. Es liegt an Ihnen, und diese Funktion behält den Wert Masse eins bei. Diese Funktion wird also unseren ersten Wert drucken. Ebenso müssen wir die nächste Funktion erneut verwenden, wenn Sie den zweiten Wert sehen möchten . Und wenn Sie den dritten Wert sehen möchten, müssen wir dem ähnlichen Prozess folgen. Wir haben bereits in unserem vorherigen Video davon erfahren. Jetzt verstehen Sie die Vorteile der Verwendung eines Generators. Wir haben die vollständige Kontrolle über unsere Kontoauszüge. Lassen Sie uns also mit der Praxis beginnen und sehen, wie es funktioniert, und ich werde Ihnen verschiedene Beispiele zeigen. 35. JavaScript-Iteratoren: Sie können sehen, ich öffne meinen W-Editor, einen Studio-Code-Editor, und ich erstelle eine STL-Datei mit Indexpunkt STL und öffne diese Datei in meinem Browser mit der Live Zuerst gebe ich das Script-Tag ein. Zuerst werde ich ein Array innerhalb des Skript-Tags erstellen . Späte Nummer. Ist das Array, ich werde numerische Werte hinzufügen und ich werde 204060 eingeben, und jetzt möchte ich diesen Wert in meiner Konsole drucken Ich werde Console Dot Log in die Klammer eingeben, unser Variablenname ist num und sublincoln, unser Variablenname ist num und sublincoln Wenn ich diese Datei einstelle, kannst du meine Konsole sehen , sie druckt Wenn ich dieses Array öffne, siehst du eine Option, proto. Wenn ich darauf klicke, siehst du einige Methoden. Diese Methoden beziehen sich alle auf Arrays. Wenn ich nach unten scrolle und es abrufe, können Sie einen Punktiterator für das Funktionssymbol sehen Ich werde diesen benutzen. Damit können wir jeden Wert in unserem Array abfragen. Bedeutet, dass wir unsere Werte iterieren können. Lass es uns machen. Ich werde diese Funktion in meiner Konsole überprüfen. Aber zuerst werde ich tippen. Und ich werde diese Funktion mit einem Num-Array verwenden. Dann innerhalb dieses Co-Prozesses, Symbol do Iterator. Hier werde ich den neuen Funktionstyp überprüfen, also verwende ich type up Wenn ich diese Datei einstelle, kannst du in meiner Konsole sehen, dass sie gedruckt wird, es ist eine Funktion. Mit dieser Funktion können wir unser Array iterieren. Dazu müssen wir zuerst eine Variable nehmen, also werde ich diese Konsolenzeile entfernen Und ich werde eine Variable erstellen. Spät, und unser Variablenname ist tr. Offensichtlich benötigen wir den Funktionstyp nicht , also werde ich ihn entfernen. Nach dieser quadratischen Basis müssen wir die runde Messingform, also die Funktion Sinus, verwenden , weil es eine Funktion ist, und ich werde diese Funktion hier aufrufen. Immer wenn ich diese Funktion aufrufe, sortiert sie den Wert in dieser Variablen. Ich werde diesen Wert in meine Konsole übernehmen. Konsolen-Punktprotokoll in der Klammer er. Und subg, um diese Zeile zu beenden. Wenn ich diese Datei einstelle, können Sie sehen, dass sie ein Array zurückgibt. Wenn ich dieses Array öffne, können Sie sehen, und wenn ich diese Protooption öffne, können Sie als Nächstes eine Funktion sehen. Als nächstes kommt eine Funktion Mit dieser nächsten Funktion können wir jeden Wert in unserem Array lesen. Lass es uns machen. Nach ITR werde ich als Nächstes Punkt eingeben und muss auch geschweifte Klammern eintippen, und muss auch geschweifte Klammern eintippen weil es eine Funktion ist Mit dieser Methode können wir unseren ersten Wert drucken. Wenn ich diese Datei einstelle, können Sie sehen, dass sie als Objekt geschrieben wurde. Und wir bekommen zwei Schlüssel. Der erste ist Wert, der zweite ist fertig. Als Wert erhalten wir unseren ersten Wert 20. Aber wenn es fertig ist, ist es falsch geschrieben. Was bedeutet das? Es ist gemein, warum verwenden wir Iterator? Wenn wir ein Array innerhalb dieser Funktion drucken und wenn es einen Wert in diesem Array gibt, wird jedes Mal falsch zurückgegeben Sie können sehen, dass es nach 20 einen weiteren Wert 40 gibt. Unsere Erator-Funktion weiß, dass es einen weiteren Wert bis 20 Deshalb gibt sie falsch zurück. Rufen wir diese Funktion zweimal auf. Also werde ich diese Linie zweimal ligieren. Wenn ich diese Datei speichere, siehst du jetzt meine Konsole, und du kannst sehen, dass sie unseren Wert ausgibt, dann wird sie falsch gedruckt Erneut wird unser dritter Wert gedruckt, und es wird falsch gedruckt. Aber wenn ich diese Funktion erneut aufrufe und diese Datei speichere, können Sie sehen, dass unser Wert undefiniert ist Sie können sehen, dass es in unserer Zeit keinen vierten Wert gibt, er ist print undefined In dem D steht „wahr“, weil es keinen Wert gibt, der gedruckt werden könnte, sondern wahr Denken Sie daran, wir haben die volle Kontrolle darüber. Nehmen wir an, ich möchte den ersten Wert in unserer Gegend behalten. Ich werde diese Konsole oder den Schlossbereich entfernen. Wenn ich diese Datei einstelle, können Sie sehen, dass sie unseren ersten Wert beibehält und unseren zweiten Wert 40 ausgibt, und ich werde diese Zeile vorerst entfernen , ich brauche diese Zeile nicht Wenn Sie unseren zweiten Wert beibehalten möchten, müssen Sie diese Zeile entfernen und wir müssen diese Funktion erneut aufrufen Wenn ich diese Datei einstelle, können Sie sehen, dass sie nur unseren dritten Wert Immer wenn wir die nächste Funktion aufrufen, wird sie den nächsten Wert aus unserem Array iterieren Wenn wir das erste Mal verwenden, wird es unseren ersten Wert iterieren Wenn wir diese Funktion erneut aufrufen, wird sie ebenfalls unseren zweiten Wert iterieren Wir haben die totale Kontrolle darüber. Wenn wir Massen dazwischen malen, also gebe ich Console Dot Log in die Klammern ein, ich gebe eine Zeichenfolge hoch und Semikolon bis in diese Zeile ein und ich werde diese Zeile aus Zeitgründen duplizieren Wenn ich diese Datei einstelle, kannst du meine Konsole sehen. Es wird unsere Iteration nicht beeinflussen. Der Vorteil ist, dass wir, wann immer wir den Iteratorwert überprüfen, dies tun können Aber wenn wir for Loop oder eine andere Schleife verwenden , müssen wir natürlich den gesamten Wert auf einmal drucken Aber mit der Iteratorfunktion können wir jeden Wert verwenden, wann immer wir wollen Wie Sie sehen können, ist es das interne Objekt. Wert, und wir erhalten zwei Schlüssel daraus: Wert und Fertig. Wenn wir den Wert direkt sehen wollen, ja, das können wir. Ich werde das alles entfernen. Danach werde ich den Wert eingeben. Wenn ich diese Datei einstelle, können Sie sehen, dass sie direkt unseren Wert 60 ausgibt. Es ist das Objekt, also können wir ihren Wert mit der Punktwertmethode drucken . In ähnlicher Weise können wir die Eigenschaft Don-Key überprüfen. Wenn ich diese Zeile dubliere und Punkt D ändere und ich diese Datei setze, wird sie als wahr geschrieben Warum es wahr geschrieben wird, weil wir unsere nächste Funktion zum vierten Mal aufrufen und es in unserem Array keinen vierten Wert gibt Deshalb steht es als wahr geschrieben. Wenn ich eine Funktion neu aktiviere und dann die Datei setze, können Sie sehen, dass sie dieses Mal falsch geschrieben ist und dass sie für unsere dritte Iteration falsch zurückgibt Nehmen wir an, wir haben 300 Werte in unserem Array, dann müssen wir dafür natürlich eine Schleife erstellen Wir können unsere eigene Schleife erstellen, oder auf andere Weise können wir Do Loop oder Loop verwenden. Mal sehen, wie es funktioniert. Wir müssen nichts ändern, und ich werde diesen Wert in einer Variablen speichern. Ich werde spät spielen und unser Variablenname ist result. Und ich werde diese Zeile entfernen und eine Ölschleife erstellen. Ich verwende eine while-Schleife und führe diese while-Schleife aus, und führe diese while-Schleife bis die Eigenschaft done den Wert true hat. In der Klammer gebe ich den Punkt D nicht resultierend ein. Es wird Punkt D nicht resultierend ein. Es Wil-Schleife ausgeführt, bis der Wert wahr ist, also verwende ich Innerhalb der Schleife werde ich den Wert drucken. Punktprotokoll der Konsole in der Klammer, ich werde in dieser Zeile den Punktwert des Ergebnisses und das Semikolon bis eingeben und das Semikolon Auf diese Weise können wir den gesamten Wert in unserer Konsole drucken. Wie Sie wissen, müssen wir unsere Schleife inkrementieren , um das nächste Ergebnis zu erhalten Ich werde diese Zeile kopieren und sie hier einfügen Infolgedessen wird es unseren nächsten Wert 40 iterieren. Wenn ich diese Datei gespeichert habe, können Sie in meiner Konsole sehen, dass sie alle Werte ausgibt Egal wie viel Wert wir haben, es werden alle Werte gedruckt. Auf diese Weise können wir die Iteratorfunktion innerhalb der LE-Schleife verwenden Iteratorfunktion innerhalb der LE-Schleife Wir können diese Iteratorfunktion auch mit einer Zeichenfolge oder einem Objekt verwenden mit einer Zeichenfolge oder Im nächsten Teil dieses Videos werden wir ein Beispiel mit einer Zeichenfolge sehen Danke, dass du dir dieses Video angesehen hast. 36. JavaScript-Iteratoren: Ich bin wieder bei meinem Visor sudo codtor und jetzt führe ich die Iteratorfunktion mit einer Zeichenfolge Ich werde diese Zeile duplizieren und die vorherige kommentieren Ich werde dieser Variablen einen Zeichenkettenwert zuweisen. Ich werde diesen entfernen und Hello World binden. Und ich muss nichts an meinem Code ändern. Wenn ich diese Datei einstelle, können Sie in meiner Konsole sehen, dass sie den gesamten Charakter sprintet. Sie können sehen, dass es Sprint zwei ist, weil wir danach ein anderes Zeichen für Hallo verwenden müssen. Deshalb wird ein Zeichen übersprungen. Wir können ein Zeichen nach dem anderen aus unserer Zeichenfolge drucken, und es zählt auch Leerzeichen. Auf diese Weise können wir die Iteratorfunktion mit einer Zeichenfolge verwenden. In unserem letzten Beispiel zeige ich Ihnen, wie wir unsere eigene Iteratorfunktion erstellen können Zuerst werde ich diese Zeile entfernen. Und dann werde ich diese hier auskommentieren. Jetzt werde ich alle Werte lesen, aber ich werde die Iterator-Methode verwenden Ich werde meinen eigenen Iterator erstellen und diese ganze Zeile entfernen Hier werde ich meine eigene Funktion erstellen, und unser Funktionsname ist Nummer. Immer wenn ich diese Funktion aufrufe, übergebe ich dieses Array. Ich werde die Nummer des Funktionsnamens erstellen. Nummer der Funktion. Welchen Wert ich auch immer als Argument sende, um den Wert zu erhalten, müssen wir eine Variable erstellen. In unserem Fall bedeutet R Array, weil ich Array als Argument übergeben werde. Zuerst nehme ich innerhalb der Kalibrationen eine Variable Die nächste Zahl ist gleich Null. Für Iterationszwecke benötigen wir diese Variable. Weil wir wissen, dass unser erster Index von A Null ist, werde ich diese Variable später erhöhen Diese Funktion wird einen Wert zurückgeben. Ich gebe Return ein und verwende dann Carly Ases. Und es wird eine Funktion behalten, und wir können einen beliebigen Namen für diese Funktion verwenden Ich werde als Nächstes tippen. In der nächsten Funktion werde ich einen anderen Wert zurückgeben. Und hier erstelle ich eine Funktion innerhalb dieser Funktion. Innerhalb der Kalibrationen möchte ich, falls Sie sich erinnern, zurückgeben, dass unsere Iterator-Funktion ein Objekt geschrieben hat, und innerhalb der Objekte ist es ein Wert geschrieben und fertig In ähnlicher Weise werde ich ein Objekt zurückgeben. Als Schlüsselwort gebe ich Wert ein. Und ich werde jedes Array zurückgeben, das ich bekomme. Ich gebe einen Doubler ein und innerhalb der quadratischen Basis inkrementiere ich diese Variable Ich werde diese Variable kopieren und hier einfügen, und ich verwende und ich verwende plus neun, um sie zu erhöhen, und unsere nächste Eigenschaft ist fertig, und hier werde ich false übergeben Jetzt möchte ich diese Funktion in meiner Konsole aufrufen. Ich werde Console Dot Log in die Klammer Iter Dot eingeben , und unser Funktionsname ist Next Wenn ich diese Datei einstelle, wird sie unseren ersten Wert 20 ausgeben Wenn ich diese Datei einstelle, kannst du meine Konsole sehen, sie hat ein Objekt geschrieben und sie gibt unseren ersten Wert 20 aus. Fertig fällt und der Wert ist 20, und jetzt werde ich diese Funktion dreimal aufrufen. Ich werde diese Zeile zweimal duplizieren. Wenn ich diese Datei einstelle, kannst du meine Konsole sehen, sie druckt drei verschiedene Werte aus. Aber wenn ich diese Funktion zum vierten Mal aufrufe und diese Datei setze, wird sie undefiniert geschrieben Aber das Problem ist, aber das Problem ist falsch geschrieben Aber wir müssen true zurückgeben, als ob unsere Iteratorfunktion geschrieben Dazu müssen wir diesen geschriebenen Abschnitt innerhalb der P-Bedingung verschieben diesen geschriebenen Abschnitt innerhalb der P-Bedingung Hier werde ich eine E-Bedingung erstellen, I, und ich werde auch eine andere Bedingung erstellen. In der Ausgabe werde ich den Wert „ Erledigt“ überprüfen. In der e-Bedingung gebe ich die nächste Zahl ein, die kleiner als die Punktspur ist. Ich meine, wenn der nächste Num-Wert kleiner als die Punktspur ist, dann wird innerhalb der E-Bedingung dieses Ergebnis zurückgegeben. Unsererseits müssen wir de true zurückgeben. Ich werde diese Zeile kopieren und hier einfügen. Ich werde diesen Wertabschnitt entfernen und den Wert De auf true setzen. D Leute. Wenn ich diese Datei speichere, können Sie sehen, dass ich einen dummen Fehler gemacht habe Ich tippe die falsche Schreibweise für Länge, z t H. Wenn ich diese Datei speichere, können Sie jetzt in meiner Konsole sehen, für diese drei Werte dass sie für diese drei Werte geschrieben wird, und es gibt keinen vierten Wert in unserer NA, also ist sie wahr geschrieben Jetzt ist es für Sie klar, wie wir unsere eigene Iteratorfunktion erstellen können unsere eigene Iteratorfunktion erstellen Wir verwenden sie grundsätzlich, wenn wir die Iteration kontrollieren wollen. Wenn wir nur den Wert drucken wollen, ja, das können wir. Wir müssen nur den Punktwert eingeben. Wenn ich diese Datei einstelle, können Sie den genauen Wert 20 sehen. Das ist unsere eigene Funktion, die sich wie eine Iteratorfunktion verhält Aber wie Sie sehen können, müssen wir mehrere Codezeilen verwenden , um das Ergebnis zu erhalten Wenn wir jedoch die Iteratorfunktion verwenden, reicht eine einzige Codezeile aus, um das Ergebnis zu erhalten Im nächsten Video werden wir etwas über Generatoren lernen Danke, dass du dir dieses Video angesehen hast. 37. Generatoren Intro: Hallo Freunde, schön, dass ihr wieder da seid. In dieser Referenz werden wir eine neue Zukunft über modernes Javascript lernen eine neue Zukunft über modernes Generatoren, nehmen wir an, wir haben eine Funktion namens demo, und innerhalb der Funktion tippe ich mehrere Anweisungen ein, wie Masse eins Masse zwei Masse drei Wann immer wir die Funktion aufrufen müssen, müssen wir nur den Funktionsnamen eingeben. Demo, und dann wird es alle Anweisungen einzeln in unserer Konsole drucken . Aber das Problem ist, dass wir keine Kontrolle über diese Funktion haben. Wenn ich diese Funktion aufrufe, werden alle Nachrichten gedruckt. Aber ich möchte all diese Bänder kontrollieren. Wenn ich die erste Nachricht drucken muss, kann ich das. Und wenn wir nur unsere dritte Nachricht drucken müssen , dann kann ich das tun. Und wenn ich unsere erste Nachricht und unsere dritte Nachricht drucken möchte und ich möchte, dass wir unsere zweite Nachricht umgehen, dann können wir das tun. Aber in unserer normalen Funktion können wir das nicht tun. Um diese Art von Problem zu lösen, Version S 6 von JavaScript führt die Version S 6 von JavaScript eine neue Funktion namens Generator ein. Generiert im Grunde eine Funktion, nur um sie auf andere Weise zu erstellen Wenn Sie eine Funktion erstellen und einen Funktionsnamen verwenden, müssen wir den Sternsinus vor dem Funktionsnamen verwenden Jetzt ist es eine Generatorfunktion. Jetzt können wir alle Anweisungen innerhalb der Funktion steuern . Wenn Sie eine Anweisung beenden möchten, können Sie das tun, aber wir müssen ein spezielles Schlüsselwort namens yield verwenden , etwa so. Es bedeutet Pause. Ich erkläre unsere Funktion. Wenn ich diese Funktion aufrufe, werden unsere Anweisungen unterbrochen. Wenn wir diese Anweisung nicht aufrufen, wird sie nicht ausgeführt. Mal sehen, wie es funktioniert. Zuerst müssen wir die Funktion aufrufen. Wir müssen eine Variable erstellen und dann müssen wir dieser Funktion diese Variable zuweisen . Sie können unserer ersten Aussage entnehmen, dass wir Yield verwenden. Von unserer ersten Aussage an ist es gemein, wir unseren Code pausieren. Wenn wir die Masse eins sehen wollen, müssen wir die Funktion next verwenden, einen Punkt als Nächstes. Wir haben in unserem vorherigen Video davon erfahren. Wir können diese Aussage in einem Dokument oder einer Konsole drucken. Es liegt an Ihnen, und diese Funktion behält den Wert Masse eins bei. Diese Funktion wird also unseren ersten Wert drucken. Ebenso müssen wir die nächste Funktion erneut verwenden, wenn Sie den zweiten Wert sehen möchten . Und wenn Sie den dritten Wert sehen möchten, müssen wir dem ähnlichen Prozess folgen. Wir haben bereits in unserem vorherigen Video davon erfahren. Jetzt verstehen Sie die Vorteile der Verwendung eines Generators. Wir haben die vollständige Kontrolle über unsere Kontoauszüge. Lassen Sie uns also mit der Praxis beginnen und sehen, wie es funktioniert, und ich werde Ihnen verschiedene Beispiele zeigen. 38. Generatoren-Tutorial: Hier können Sie nebeneinander sehen, ich meinen Visual Studio-Codaor öffne, und ich öffne auch meinen Browser mit der Lp Server-Erweiterung Ich erstelle bereits eine STL-Datei mit Indexpunkt STL. Zuerst werde ich ein Skript-Tag erstellen. In diesem Skript-Tag werde ich eine normale Funktion erstellen. Ich werde die Funktion binden, also werde ich die Funktion binden, und Sie können einen Namen für diese Funktion annehmen. Ich werde Gen für Generator nehmen. Innerhalb der Funktion werde ich zwei Anweisungen drucken, Punktprotokoll, Masse eins, und Konsolenpunktlog-Massen zwei. Normalerweise können wir unsere Funktion so erstellen, und wann immer wir die Funktion aufrufen müssen, müssen wir nur den Funktionsnamen Gen eingeben und fertig. Wenn ich diese Datei einstelle und Sie meine Konsole sehen können, druckt sie die gesamte Anweisung aus, Masse eins und Masse zwei. Wir haben noch keinen Kontrollleiter. Um diese Funktion zu steuern, müssen wir diese Funktion in eine Generatorfunktion umwandeln . Wir müssen den Sternsinus vor dem Funktionsnamen wie folgt verwenden . Auf diese Weise können wir diese Funktion in eine Generatorfunktion umwandeln . Wenn ich diese Funktion aufrufe , werden alle Massen in unserer Konsole gedruckt. Lassen Sie mich die Datei einrichten. Hier siehst du, ich drucke keine Massen in meiner Konsole. Denn jetzt ist es keine normale Funktion, es ist eine Generatorfunktion. Wenn ich diese Generatorfunktion in eine Variable setze, etwa spät, A gleich g en, und diese Funktion in unserer Konsole zurückgebe. Ich gebe Console Dot Log in die Klammer A ein. Wenn ich diese Datei setze, kannst du hier sagen, dass sie etwas geschrieben hat Wenn ich dieses Drop-down-Menü öffne, ist es ein Generator, und wenn ich diese Generatoroption öffne, bietet es eine Funktion. Nächste Funktion, Funktion für Funktion geschrieben Mit dieser Methode können wir unsere weitere Arbeit erledigen. Meist verwenden wir die nächste Funktion. Lassen Sie uns diese Funktion verwenden. Ein Punkt als Nächstes. Wenn ich diese Datei einstelle, werden jetzt unsere Kontoauszüge gedruckt. Lass uns die Datei speichern. Hier können Sie sehen, es druckt unsere Massen, Masse eins und Masse zwei, und zuletzt druckt es den Wert undefiniert und fertig zwei Das bedeutet, dass es nach Masse zwei keinen Wert mehr gibt, aber wir haben bereits keine Kontrolle über unsere Zeilen Wir können die Funktion el verwenden, um die Anweisungen zu kontrollieren. Ich werde die Funktion el nach dieser Massen-Version verwenden. Nachgeben, und ich werde eine Nachricht schicken, D Nummer eins. Außerdem nenne ich diese el-Funktion bis zur Masse zwei, el Nummer zwei. Wenn ich diese Funktion aufrufe, druckt sie unsere ersten Massen, dann berechnet sie den Ertrag. Dann pausiert sie unseren Code und beendet die Ausführung anderer Codes. Lassen Sie mich diese Datei einrichten. Wenn ich diese Datei einstelle, können Sie sehen, dass sie Masse eins ausgibt und dann unser Ergebnis, ein Objekt zurückgibt. Hier kannst du sehen, dass es zwei Werte geschrieben hat. Einer ist fertig und ein anderer ist Wert. Der Wert „Erledigt“ ist falsch , und innerhalb des Werts steht unsere Masse, die Rendite Nummer eins. Und wir wissen bereits, warum der Wert von Don falsch geschrieben wurde , weil unsere Funktion noch eine weitere Botschaft Deshalb fällt der Schreibfehler. Wenn es in unserer Funktion keine Nachricht gibt, dann ist sie wahr. Wir haben bereits in unseren vorherigen Videos davon erfahren. Jetzt rufe ich diese nächste Funktion noch einmal auf. Ich werde mit dieser Zeile beginnen und diesen Kern setzen. Hier kannst du sehen, es druckt unsere Massen nach. Wenn ich diese Funktion dreimal aufrufe und die Datei setze, wird sie undefiniert geschrieben, und in Don wird Value wahr geschrieben , weil es in unserer Funktion keine dritte Masse gibt Wenn ich den gesamten Kern entferne und auch die Yield-Nachricht entferne und dann setze, wird der Code undefiniert geschrieben Das heißt, wenn in Yield kein Wert steht, dann wird es undefiniert geschrieben Aber wenn ich irgendeinen Wert zuweise, in unserem Fall heißt man Masse eins und setze dann die Datei, Halccy als Wert wird M eins geschrieben Jetzt brauche ich meinen Code zurück, also drücke ich die Strg-Taste. Und stelle die Datei ein. Zum besseren Verständnis werde ich diese Nachrichten entfernen. Wenn ich diese Datei einstelle, können Sie sehen, dass sie print one und Eel two heißt und undefiniert geschrieben ist, und undefiniert geschrieben ist weil es keinen dritten Wert für L gibt . Ich werde ein weiteres l in unserer Funktion erstellen Also werde ich diese Zeile und Nummer drei duplizieren. Wenn ich diese Datei einstelle, wird sie jetzt falsch geschrieben, und jetzt möchte ich eins und drei drucken. Ich möchte zwei entkommen. Dafür müssen wir diese Funktion außerhalb der Konsole aufrufen . Ich gebe als Nächstes die Funktion A dot ein . Wenn ich diese Datei einstelle, ist ricc print el one und L three Auf diese Weise können wir diese Funktion steuern. Wir können jeden bestimmten Abschnitt mithilfe von Generatoren ausführen. Wie ich Ihnen in meinem vorherigen Video gesagt habe, Sie nur den Punktwert verwenden, wenn Sie diesen Wert direkt drucken möchten müssen Sie nur den Punktwert verwenden, wenn Sie diesen Wert direkt drucken möchten. Wenn ich diese Datei einstelle, können Sie sehen, wie sie gedruckt wird. Sie können sehen, wie unsere Nachrichten direkt gedruckt werden. Aber was? Wenn wir in unserer Funktion eine Rendite von 300 haben. In diesem Fall können wir vier Schleifen verwenden. Lass mich dir das zeigen. Ich werde die Zeilen entfernen und vier in die Klammern eingeben, Wert A, dann innerhalb der Schleife, Console Dot Log innerhalb des Klammerwerts Wenn ich diese Datei einstelle, können Sie meine Konsole sehen, sie druckt alles aus. Egal, wie viele alte ich in unserer Funktion verwende. Jetzt werde ich eine neue Methode zeigen, wie wir Yield auf eine andere Art und Weise nutzen können. Dazu entferne ich diese Zeilen und nehme ein variables spätes Ergebnis, das el entspricht. Ich speichere den Wert el in einer Ergebnisvariablen. Ich muss den El-Wert senden. Dafür werde ich diese Zeile entfernen und als Nächstes einen Punkt eingeben. Immer wenn ich die nächste aufrufe, ruft sie automatisch die Generatorfunktion auf, und ich mache diese Zeile, und ich übergebe den Wert drei n date. Jetzt wird dieser Wert auf Yield Value gesetzt, und wir übergeben den Wert in eine Ergebnisvariable. Außerdem werde ich diesen Wert in meiner Konsole drucken. Ich werde das Konsolenprotokoll eingeben. In der Klammer werde ich die Template-String-Methode verwenden Ich werde Fledermäuse eingeben. In der Batik werde ich Colon do sine eingeben. Im CSS werde ich dieses variable Ergebnis übergeben. Und Semicon in dieser Zeile. Wenn ich diese Datei einstelle, kannst du in meiner Konsole sehen , dass sie 300 geschrieben hat Im Grunde werde ich den Wert ld außerhalb der Funktion setzen. In unserer normalen Funktion senden wir den Wert als Parameter und erstellen dann Argumente, und erstellen dann Argumente um den Wert in einer Variablen festzulegen. Wenn ich die Funktion eight next zweimal verwende und den Wert als Parameter sende, wird der Wert als Wert festgelegt. Nicht nur das, wir können unseren Wert berechnen. Ich möchte diesen Wert mit zehn multiplizieren. Stern zehn. Wenn ich die Datei einstelle, können Sie in meiner Konsole sehen, dass sie 3.000 zurückgibt. Nicht nur das, wir können mehrere Werte senden. Ich werde diese Leitung lesen und 400600 senden Aber wenn ich diese Datei einstelle, wird sie nur ein Ergebnis zurückgeben, weil wir y nur einmal verwenden. Ich werde diese Datei einrichten. Er kann sehen, dass es unser vorheriges Ergebnis gesehen hat, 3.000. Um das Gesamtergebnis zu erhalten, müssen wir ein Array erstellen. Ich werde diese Zeile entfernen und Square SS verwenden. Innerhalb des Quadrats ss müssen wir tippen. Und wir müssen yeld dreimal eingeben weil wir in unserer nächsten Funktion drei Werte übergeben Ich gebe Comma Yield, Go Yield ein. Für 300 wird es diese verwenden, und für 400 wird es diese zweite Acht verwenden, und für 600 wird es dritte El verwenden Wenn ich diese Datei speichere, gibt sie eine zurück. Lass es uns speichern. Hier kannst du sehen, es ist überhaupt das Ergebnis. Als Array von. Aber wenn ich einen anderen Wert sende, werde ich diese Zeile duplizieren. Hier können Sie sehen, wir verwenden nur drei l in unserem Array. Wird nichts zurückgeben. Wenn ich diese Datei einstelle, können Sie sehen, dass es keine Änderungen gibt. Jetzt möchte ich den dritten Wert sehen. Dafür müssen wir binden. Dafür müssen wir nur quadratische Verse verwenden und innerhalb der quadratischen Verse müssen wir die Array-Nummer übergeben. Zwei, weil unser Array mit Null beginnt. Für unser drittes Array müssen wir zwei übergeben. Wenn ich diese Datei speichere, wird nur der dritte El-Wert, 600, zurückgegeben. Auf diese Weise können wir einen bestimmten Ertragswert überprüfen. Natürlich können wir den Zeichenkettenwert innerhalb der nächsten Funktion übergeben . Jetzt möchte ich einen einzelnen Wert mit yield übergeben, und ich möchte auch einen Wert mit e übergeben . Ich werde diese Zeile entfernen. Und ich werde Yield eingeben. Hier gebe ich 44 ein. Bei unserer nächsten Ernte werde ich ein Array bestehen. Anstelle des quadratischen SS übergebe ich PHP Coma Python, Coma Java Script. Jetzt möchte ich ihren Wert dafür lesen , ich brauche diese Zeile nicht, und ich werde diese Zeile innerhalb der Konsole verschieben. Ich werde das Punktprotokoll der Konsole in die Klammern innerhalb der Klammern binden in die Klammern innerhalb der Klammern Nächstes einen Punkt übergeben Und dann smcore , um diese Zeile zu beenden, und ich werde diese Zeile und ich werde Unsere erste nächste Funktion für unser erstes Feld und unsere zweite nächste Funktion für unsere zweite ID, die ein Array ist Wenn ich diese Datei einstelle, können Sie meine Konsole sehen, sie gibt unseren ersten Wert 44 und sie gibt auch unser Array zurück. Wenn ich dieses Array öffne, können Sie sehen, dass es drei Werte hat: PH, Python und Java Script. in unserer Generatorfunktion Wenn wir in unserer Generatorfunktion mehrere Erträge verwenden, können wir einen einzelnen Wert verwenden, wir können ein Array verwenden und wir können auch Objekte verwenden. Wir können jede Art von Wert mit el verwenden. Dieses Mal möchte ich, dass jeder Array-Wert separat geliefert wurde. Ich werde Star Sin Air verwenden. Wenn ich diese Datei speichere, wird sie unseren ersten Array-Wert PHB zurückgeben Wenn wir den zweiten Ara-Wert sehen wollen, müssen wir diese Funktion erneut aufrufen Wenn ich diese Datei setze, siehst du hier unseren zweiten A-Wert, Python. Für unseren dritten Wert müssen wir erneut aufrufen, es ist ein geschriebenes Java-Skript. Aber wenn ich diese Funktion erneut aufrufe , wird sie undefiniert zurückgegeben Wir können den Array-Wert unterschiedlich drucken. Wir müssen Sternsinus mit Yield verwenden. In unserem nächsten Beispiel werde ich Yield with Spray Operator verwenden. Ich werde diese Zeilen entfernen, und ich werde auch diese entfernen. In unserem ersten Gespräch werde ich PHP eingeben. In unserem zweiten Feld werde ich Python eingeben. In unserem dritten l werde ich Java eingeben. In unserem vierten Kopf werde ich HTML eingeben. Und es ist genug für dieses Beispiel. Jetzt möchte ich den ersten Wert in unserer Konsole drucken. Ich gebe Console Dot Log und setze als nächstes die Klammer auf einen Punkt Ich möchte ihren Wert direkt drucken, und ich möchte den Wert direkt drucken, also verwende ich den Punktwert Semikolon, um die Zeile zu beenden. Wenn ich diese Datei einstelle, kannst du sehen, dass sie nur in PHP gedruckt wird. Aber für die verbleibenden Werte können wir den Spread-Operator verwenden. Ich setze auf diese Linie und im Bereich Consolt LOB gebe ich Quadrat SS ein, und innerhalb des Quadrats SS gebe ich drei Punkte ein In unserem vorherigen Video erfahren Sie mehr über Spray Operator. Ich werde hier nicht erklären , wie es funktioniert. Dann gebe ich unseren Variablennamen ein. Antwort: Wenn ich diese Datei einstelle , wie Sie sehen können, drucke ich den gesamten verbleibenden Wert in einem Array aus. Wir kennen das vom Spread-Operator geschriebene Array. Aber wenn ich diese Zeile auf t nenne und diese Datei setze, werden unsere ersten beiden Werte zurückgegeben und die restlichen zwei Werte werden als Array geschrieben , weil wir den Spread-Operator verwenden. Es gibt noch eine weitere Funktion , die wir mit Generatoren verwenden können ist geschrieben. Lass mich dir das zeigen. Ich werde diese Zeile entfernen und eine Punktfunktion einrichten. Hier nennen wir zuerst unseren nächsten Wert, also PHP, und dann rufen wir unsere geschriebene Funktion auf. Wenn wir written verwenden, stoppt sie die Ausführung unserer anderen Werte, und wir können auch Massen mit Writed versenden, also n eingeben. Wenn ich diese Datei setze, siehst du hier, dass sie unseren ersten Wert von PHB Dann bedeutet „geschrieben“ unsere geschriebene Nachricht und auch „wahr“, und wir wissen bereits, wann es wahr geschrieben ist Wenn es in dieser Funktion keine andere Rendite gibt, dann wird sie als wahr geschrieben. Lass es mich dir zeigen. Wenn ich versuche, diese nächste Funktion auszudrucken, den geschriebenen Code hochzuladen und diesen Code einzustellen, wird er undefiniert geschrieben Aber Sie können in meiner Funktion sehen, drei weitere Funktionen gibt. Die Hauptaufgabe besteht darin, keine anderen Lineup-Codes auszuführen , da wir geschriebene Funktionen verwenden Wenn wir eine geschriebene Funktion aufrufen, kann sie den nächsten Code nicht lesen Der Hauptvorteil der Verwendung von geschriebenen Funktionen besteht darin, dass wir unseren Code mitten in der Ausführung beenden dann geschriebene Funktionen verwenden können. Ich hoffe, jetzt ist es für Sie klar, was ein Generator ist und warum und wie wir ihn verwenden. Danke, dass du dir dieses Video angesehen hast. Wir sehen uns in der nächsten Geschichte. 39. Strikter Modus: Hallo Leute, willkommen zurück. In diesem Tutorial lernen wir eine neue Funktion über Java Script kennen, nämlich den strikten Modus. Normalerweise, wenn wir JavaScript-Code eingeben. Möglicherweise enthält der Code einen Syntaxfehler. Normalerweise haben wir es ignoriert. Es liefert unserem Browser auch keine Fehlermassen, aber wir bekommen den Effekt später. Wie ich Ihnen bereits sagte, geben Browser keine Fehlermeldung aus. Es ist also sehr schwierig, diese Art von Fehler zu korrigieren. Lassen Sie mich Ihnen ein Beispiel zeigen. Wie Sie sehen können, ist x gleich 42. Hier nehme ich einen Variablennamen x und weise einen Wert 42 zu, und dann drucke ich diese Variable in meiner Konsole, und sie wird 42 in unserer Konsole ausgeben. Wenn Sie jedoch feststellen, dass unser Code einen Fehler enthält, bei der Zuweisung des Variablenwerts geben wir bei der Zuweisung des Variablenwerts den Deklarationstyp nicht an. Ich möchte sagen, dass dieser Variablentyp spät oder konstant sein sollte. Der Browser wird den Fehler auch nicht zurückgeben. Es gibt viele Syntaxfehler, die wir übersehen. Es ist sehr schwierig, es zu korrigieren. Um dieses Problem zu lösen, JavaScript eine neue Funktion herausgebracht, strikten Modus, bei dem einfach eine Symbolanweisung über dem Code eingegeben So etwas in der Art. Innerhalb des Zitats strikt, und dann können Sie Ihren JavaScript-Code eingeben. Dieser Befehl sendet eine strikte Nachricht an unseren Browser. Es wird unseren Browser überholen, wenn unser Code keinen Syntaxfehler enthält. Senden Sie die Fehlermeldung und beenden Sie den Ausführungscode. Jetzt verstehst du, warum es sehr nützlich ist. Damit können wir unseren Fehler korrigieren. Lassen Sie uns mit dem Praktischen beginnen und sehen, wie es funktioniert. Hier können Sie nebeneinander sehen, wie ich mein Video Sto Creator öffne und meinen Browser mit der Life Server-Erweiterung öffne. Ich erstelle auch eine STL-Datei mit dem Namen Index Dot STL. Zuerst erstelle ich ein Skript-Tag und jetzt werde ich eine Variable erstellen, aber ich gebe an, dass der Deklarationstyp x gleich Jetzt werde ich diese Datei einrichten und Ihnen meine Konsole zeigen. Hier können Sie sehen, dass in unserer Konsole kein Fehler aufgetreten ist. Ich gebe Console Dot Log und setze die Phesis oder die Variable x. Wenn ich diese Datei setze, kannst du meine Konsole sehen, sie druckt unseren Wert korrekt aus, aber es gibt einen Syntaxfehler in unserem Code Wir erklären den Wert nicht für konstant oder verspätet. Um diese Art von Problem zu lösen, führt Java-Skript Strict Mood Dazu müssen wir Zitat eingeben und in diesem Zitat müssen wir Strict eingeben. Und Semicon, um diese Zeile zu beenden. Das ist es. Denken Sie immer daran, dass Sie es oben angeben müssen. Wenn ich diese Datei eingestellt habe, können Sie jetzt in meiner Konsole sehen, dass ein Fehler vorliegt. X ist nicht definiert, Zeilennummer 11. Aber wenn ich die Datei verwende und dann setze, wird Arroganz als Ergebnis ausgegeben und es gibt keinen Fehler Lassen Sie mich Ihnen ein anderes Beispiel zeigen. Dafür müssen wir eine Funktion erstellen. Also kommentiere ich diese Zeile aus und werde eine Funktion, eine Funktion erstellen und unser Funktionsname ist hallo. In den Autoversen nehme ich eine Variable, aber ich werde die Variable nicht deklarieren. B ist gleich 30. Außerdem werde ich dieses Wort entfernen. Wenn ich diese Datei eingestellt habe, kannst du sehen, und ich werde sie auch strikt auskommentieren. Wenn ich diese Datei einstelle, kann er sehen, dass in unserer Konsole kein Fehler vorliegt. Aber wenn ich den Strict-Mole aktiviere und diese Datei einstelle, kannst du den Fehler sehen X ist nicht definiert. Ich werde var eingeben. Wenn ich diese Datei erneut einstelle, können Sie sehen, dass in unserer Konsole kein Fehler aufgetreten ist. Sie können jedoch sehen, dass wir keinen Deklarationstyp für diese Variable angeben. Ich werde diese Funktion aufrufen. Hallo. Wenn ich diese Datei speichere, siehst du hier, B ist nicht definiert. Jetzt zeigt es den Fehler. Aber wenn ich diese Datei eintippe und einstelle, können Sie sehen, dass in unserer Konsole kein Fehler vorliegt. Hier seht ihr unseren strikten Modus, funktioniert an der Funktion und er funktioniert auch außerhalb der Funktion. Wenn Sie versehentlich etwas in Ihren Code eingeben, das heißt, dass Sie sich nicht an die JavaScript-Regeln und -Vorschriften halten, wird der Fehler angezeigt. Nicht nur das, wir können strikte Methode innerhalb der Funktion verwenden. Ich werde mich innerhalb dieser Funktion bewegen. Wenn ich dieses Wort entferne und diese Datei einstelle. Jetzt funktioniert diese Methode nur innerhalb der Funktion, nicht außerhalb der Funktion. Lass es mich dir zeigen. Wenn ich diese Datei eingerichtet habe, kann Harry sehen, dass in unserer Konsole kein Fehler vorliegt. Aber wie Sie sehen können, verwenden wir kein Wort, um diese Variable zu deklarieren. Wenn wir jedoch keine Deklaration innerhalb der Funktion verwenden und dann den Code festlegen, können Sie den Fehler jetzt sehen. Jetzt können Sie den Fehler sehen. E zwei, wenn wir nur den Code überprüfen , der unter der Straße steht. Und jetzt zeige ich Ihnen ein weiteres Beispiel, das sich auch auf die Funktion bezieht. Im Moment werde ich diese Zeilen entfernen. Ich brauche diese Zeilen nicht und ich werde einige Parameter in dieser Funktion übergeben. Unser erster Parameter ist A B, und unser dritter Parameter ist ebenfalls B. Ich verwende denselben Parameter für unseren dritten Parameter, und ich werde diese U-Straße außerhalb der Funktion verschieben Vorerst werde ich das kommentieren. Jetzt füge ich in der Funktion diese drei Werte hinzu, und ich möchte sie in meiner Konsole drucken . Ich werde die Konsole binden. Punktprotokollieren Sie stattdessen die Klammern, A plus B plus B und Semikolon Wenn ich diese Funktion aufrufe, übergebe ich drei verschiedene Werte drei verschiedene Fünf, zehn, 15. Das ist es? Wir wissen, wenn wir diese drei Variablen summieren, ergibt das 30. Aber wenn ich diese Datei setze, können Sie in meiner Konsole sehen, dass sie 35 zurückgibt. Es wurde ein falsches Ergebnis geschrieben, 35. Weil wir unseren zweiten Parameter zweimal verwenden. Deshalb heißt es 35 und du gibst in unserem Kosmos auch keinen Pfeil an. Es ist ein sehr komplexes Problem. Um dieses Problem zu vermeiden, können wir eine strikte Methode anwenden. Also werde ich es auskommentieren. Und ich werde diese Datei speichern. Herc C M one, es gibt einen Syntaxfehler aus, Bublgate-Parameter lässt diesen Kontext nicht zu Unsere strikte Methode liefert die richtige Fehlermeldung. Aber wenn ich unsere strikte Methode auskommentiere und diese Datei festlege, dann gibt es keine Fehlermeldung und sie liefert auch einen falschen Wert. Um dieses Problem zu lösen, müssen wir den richtigen Variablennamen verwenden. C. Außerdem werde ich hier etwas ändern C. Wenn ich diesen auskommentiere und diese Datei festlege, können Sie jetzt sehen, dass in unserer Konsole kein Fehler aufgetreten ist und dass auch der exakte Wert geschrieben wurde. Hier können Sie sehen , dass wir im Straßenmodus den Fehler in unserem Code finden können Im Grunde genommen ein Syntaxfehler, und ich schlage vor, dass Sie immer den Straßenmodus für Ihren Code verwenden Fügen Sie einfach zuerst die Zeile ein und geben Sie dann Ihren Code ein. Das ist es. Danke, dass du dir dieses Video angesehen hast. 40. Tutorial zur Fehlerbehandlung: Hallo Freunde. Schön , dich wieder zu sehen. In diesem Tutorial werden wir etwas über die Fehlerbehandlung lernen. Sie wissen bereits, dass wir Javascript-Fehler im Browser Consul überprüfen können , aber manchmal ist es sehr kompliziert, ihn zu verstehen Manchmal werden alle Fehler gleichzeitig angezeigt, und es ist sehr schwierig, alle Fehleratome zu korrigieren Um diese Art von Fehlern zu behandeln, haben wir eine spezielle Methode in JavaScript Versuche es zu fangen. Und schon ein bisschen darüber gelernt in unseren vorherigen Videos haben wir schon ein bisschen darüber gelernt. Welchen Code wir auch immer hier machen wollen, wir übergeben den gesamten Code innerhalb des Tribe-Blocks. Wenn innerhalb des Tribe-Blocks ein Fehler auftritt, leiten Sie sofort zum Cache-Block um, und wir können jede Nachricht in unserem Cache-Block anzeigen. ohne Ihre Zeit zu verschwenden, Lassen Sie uns, ohne Ihre Zeit zu verschwenden, mit dem Praktischen beginnen Hier können Sie nebeneinander sehen, wie ich meine Videos für den Creator öffne, und ich öffne auch den Crome-Browser mit der Live Server-Erweiterung Zuerst gebe ich das Script-Tag in das Head-Tag ein. In das Skript-Tag gebe ich zuerst zufälligen Text ein. Dieser Text ist keine Variable oder keine Javascript-Funktion oder keine Javascript-Methode. Wenn ich diese Datei speichere, wird ein Fehler zurückgegeben. Hier können Sie einen Referenzfehler sehen. Das ist nicht definiert. Aber manchmal sind Fehler sehr kompliziert zu verstehen. Dafür können wir die Tri Catch-Methode verwenden. Zuerst gebe ich try ein. Damit müssen wir catch eingeben. Innerhalb des getesteten Blocks können wir jeden Code eingeben. Also werde ich eine Nachricht in der Konsole drucken. Konsolenprotokoll in den Klammern, ich gebe Start ein und dann beenden wir diese Zeile Ich werde diese Zeile duplizieren und beenden und dann ein Leerzeichen zwischen diesen beiden Wenn ein Fehler auftritt, werde ich innerhalb des Cache-Blocks eine Nachricht senden. Konsolenprotokoll in der Klammer. Wenn in diesem Strip-Block ein Fehler auftritt, führen Sie den Catch-Block automatisch aus Wenn ich diese Datei einstelle, können Sie hier sehen, dass kein Fehler vorliegt. Noch einmal, zwischen diesen beiden Nachrichten, werde ich einen ähnlichen zufälligen Text eingeben. Wenn ich diese Datei eingestellt habe, können Sie es jetzt in meiner Konsole sehen. Zuerst druckt es unsere Startnachricht und dann unsere Fehlermeldung. Wenn in einer einzigen Zeile ein Fehler auftritt, stoppt es die Ausführung anderer Codes und führt automatisch catch Mthold Lassen Sie mich Ihnen ein anderes Beispiel zeigen und ich werde es in eine Funktion umwandeln Wie Sie sehen können, deklarieren wir diese Funktion nicht. Wenn ich diese Datei einstelle, können Sie sagen, dass der gleiche Fehler geschrieben wurde. Zuerst führt es unsere erste Nachricht aus, und wann immer es versucht, die Funktion auszuführen, und dann wird sie gefunden, deklarieren wir diese Funktion nicht. Ich höre auf, andere Codes auszuführen, und fange an, den Catch-Block auszuführen. Ebenso können wir diese Fehlermeldung in unserem Dokument drucken , und jetzt möchte ich den genauen Fehler in unseren Dokumenten sehen. Wir wissen immer noch nicht , wo unser Fehler liegt. Ich möchte genau diesen Fehler in meiner Konsole ausdrucken. Dafür setze ich Klammern innerhalb des Catch-Blocks nach dem Catch und innerhalb der Klammern nehme ich In unserem Fall ist es RR. Welcher Fehler auch immer geschrieben wurde, er wird in dieser Variablen gespeichert. Und wenn Sie möchten, können wir unseren Fehler in diesem Browser oder dieser Konsole ausdrucken . Ich möchte E do eingeben. Wenn ich diese Datei eingestellt habe, können Sie jetzt die Fehlermeldung sehen. Das ist nicht definiert. definieren diesen Bla-Bla-Text nicht. Damit können wir die genaue Zeilennummer sehen. Auf diese Weise können wir den Fehler besser verstehen. Außerdem können wir unseren Fehler einzeln behandeln. Es wird nicht den ganzen Fehler auf einmal auslösen. Ich möchte noch eine wichtige Sache über Tri Catch sagen. Es funktioniert synchron. Wenn wir die festgelegte Timeout-Funktion verwenden, wird sie nicht richtig funktionieren Lass mich dir das zeigen. Ich möchte diese Zeilen entfernen. Innerhalb des Tri-Blocks werde ich ein festgelegtes Timeout verwenden. Innerhalb der Set-Timeout-Funktion werde ich eine anonyme Funktion erstellen, und dann verwende ich Car Brass, und ich möchte diese Funktion erneut verzögern In dieser Funktion werde ich einen Fehler angeben. Also zufälliger Text. Erhöhen wir die Verzögerungszeit auf 3 Sekunden. Jetzt können Sie sich vorstellen, wann wir diesen Code ausführen, er wird diesen bis zu drei Sekunden lang überprüfen. Wenn es einen Fehler gibt, leitet er den Catch-Block weiter. Nein, so funktioniert das nicht. Gut, führe diesen Code aus. In diesem Fall funktioniert es überhaupt nicht, sobald der Code ausgeführt wird, und er wird in drei Blöcken geliefert, und hier und hier überprüft diese Funktion, ob sie nach 3 Sekunden ausgeführt werden muss. Dann der Code nach dem Einstellen der Timeout-Funktion, die zu laufen beginnt Wenn ich diese Datei He can C setze, zeigt sie nicht die richtigen Fehlermassen aus dem Cache-Block Unsere Tri-Cache-Methode funktioniert nicht synchron. Aber wir können Tri und Cache Block innerhalb der eingestellten Timeout-Funktion verwenden innerhalb der eingestellten Timeout-Funktion Ich werde diesen Tri- und Cache-Block in die festgelegte Timeout-Funktion verschieben . Ich werde diesen Teil ausschneiden und ihn in diesen festgelegten Timeout-Block verschieben Außerdem muss ich diesen Cache-Teil verschieben. Und innerhalb des Tri-Blocks werde ich einen Pfeil bereitstellen. Wenn wir unser Skript ausführen, zeigt es uns in diesem Fall nach drei Sekunden den genauen Fehler in unserer Konsole. Lass mich dir das zeigen. Ich werde diese Datei speichern. Ich muss drei Sekunden warten. Jetzt können Sie den Fehler in unserer Konsole sehen. Das ist nicht definiert. Es ist ein Referenzfehler. Wir müssen Tri und Cache Block innerhalb der festgelegten Timeout-Funktion verwenden . Sonst funktioniert es nicht. Wir können die Fehlermassen auch separat anzeigen. Dafür werde ich die eingestellte Timeout-Funktion reduzieren. Im Moment brauche ich das nicht. Innerhalb des Cache-Blocks werde ich den Namen des Fehlerpunkts verknüpfen. Ich stelle mir diese Zeile vor. Jetzt möchte ich die Fehlermeldung drucken. Fehlermeldung. Wir können genaue Fehlermeldungen unterschiedlich drucken. Wenn ich diese Datei einstelle, können Sie den Fehlernamen und den Referenzfehler sehen . Eine Fehlermeldung Blah bla ist nicht definiert. Wenn Sie den Pfeilnamen und die Fehlermasse zusammen sehen möchten, können wir Stack Rot Stack verwenden Wenn ich diese Datei einstelle, können Sie jetzt sofort Fehlermeldung mit dem Fehlernamen sehen. Mithilfe des Fehlerstapels können wir Fehlermeldung mit dem Fehlernamen zusammen drucken. Wenn Sie die Fehlermeldung oder den Fehlernamen anders drucken möchten , können Sie das tun. Die wichtigste Zeile ist die Nachricht. Wir wollen nur wissen, was der genaue Fehler ist. Wir können beide Zeilen auskommentieren und einfach die Nachricht ausdrucken. Wenn ich diesen Kommentar widerrufe und Sie einen Referenzfehler sehen. Jetzt ist die Frage, was ist der Referenzfehler? Jetzt werde ich Ihnen sagen, wie viele Arten von Fehlern es in Java Script gibt. Hier können Sie sieben verschiedene Fehler in Java-Skript sehen. Unser erster Pfeil ist böser Fehler. Dieser Fehler tritt auf, wenn wir die böse Funktion verwenden. Dieser Pfeil ist nicht sehr wichtig. Dann kommt ein Reichweitenfehler. Es tritt auf, wenn wir ein Stammbereichsattribut verwenden. Wenn beim Bereichsattribut ein Fehler aufgetreten ist, können wir den Pfeil mithilfe der Bereichsfehlerfunktion anzeigen Unser wichtigster Pfeil ist der Referenzpfeil. Wenn ich eine Variable oder eine Funktion aufrufe, die in unserem Kern nicht definiert ist. Dann ist es ein schriftlicher Referenzfehler. Dann kommt ein Syntaxfehler. Es ist der grundlegendste und wichtigste Fehler. Wann benutzt du Loops oder Conditions? Tippfehler sind das Grundproblem für Anfänger. Manchmal habe ich vergessen, Kalibrationen, Zitate usw. beizufügen Kalibrationen, Zitate usw. In diesem Fall tritt ein Syntaxfehler auf. Dann kommt ein Typfehler. Wie Sie wissen, gibt es verschiedene Typen für Variablen, Zahlen, Zeichenketten usw. Dies sind vordefinierte Typen. Versehentlich gibt der Benutzer eine andere Art von Eingabe ein, dann tritt ein Typfehler auf. Unser nächster Fehler ist ein URI-Fehler. Dieser Fehler tritt auf. Wenn wir die URL in der URL-Leiste übergeben. Wenn Sie eine falsche Methode zum Übergeben der URL in die URL-Leiste eingeben, tritt ein URI-Fehler auf, und unser letzter Fehler ist ein Aggregatfehler. Ich habe in unserem Video zur Promise-Methode über diesen Fehler berichtet. Wenn wir alle versprochenen Methoden verwenden. Wenn ein Fehler vorliegt, verwenden wir den Aggregatfehler. Wenn wir die Tri-Cache-Methode in Java Script verwenden, können wir diese Fehler anzeigen. Fangen wir mit dem Praktischen an. Dafür werde ich zuerst alle Methoden entfernen. Wenn ein anderer Fehler auftritt, können wir dafür verschiedene Nachrichten drucken. Wir können dafür die P-Bedingung verwenden. Wenn es sich in der Klammer befindet, ist unsere Fehlerinstanz des Referenzfehlers Dafür können wir eine andere Nachricht anzeigen. In der Konsole werde ich reference error eingeben. Sie können jeden beliebigen Meldungsfehler anzeigen, und jetzt werde ich verschiedene Massen für Typfehler ausdrucken . Ich werde LCP eingeben. In der Klammer kopiere ich diese Zeile und ändere den Referenzfehler mit dem Typfehler. In den Cliffs werde ich das Punktprotokoll der Konsole drucken , in den Klammern steht der Tippfehler Wenn es sich bei unserem Fehler um einen Typfehler handelt, wird diese Meldung gedruckt Wir können für verschiedene Fehler unterschiedliche LSP-Bedingungen erstellen für verschiedene Fehler unterschiedliche LSP-Bedingungen Endlich werde ich die Bedingungen in der Klammer erstellen und den unbekannten Fehler Konsole protokollieren Wenn ich diese Datei speichere, siehst du hier den Sprint-Referenzpfeil, und wenn ein Tippfehler auftritt, wird diese Masse gedruckt Andernfalls werden alle Pfeile gedruckt. Wenn wir Daten vom Server als Jason bekommen wollen, dann benutzen wir Try and Catch. Lass mich dir das zeigen. Also werde ich die gesamte Punktzahl entfernen. Und innerhalb des getesteten Blocks nehme ich eine Variable. Später SN, und ich werde dieser Variablen Damien-Daten zuweisen Wir haben bereits in unserem vorherigen Video von JN erfahren. Als Eigenschaft werde ich den Namen innerhalb des doppelten Kursnamens verwenden. Doppelpunkt im Doppelgang füge eins hinzu. Und in ähnlicher Weise nehme ich eine weitere Eigenschaft H. Es ist ein numerischer Wert und ist 24. es sich um einen numerischen Wert handelt, verwende ich keine Anführungszeichen. Es ist eine JN-Genehmigung. Gehen Sie davon aus, dass wir diese Daten vom Server bekommen. Dafür können wir die F-Methode oder jx verwenden. Es liegt an dir. Zuerst müssen wir diese Daten in ein Skriptobjekt konvertieren. Ich nehme eine Variable Late User und verwende eine JN-Methode. JSON ps. In der Klammer werde ich den Variablennamen angeben JSN. Im Grunde genommen funktioniert Jon Dot Parts und konvertiert ein Json-Objekt in ein Javascript-Objekt. In ähnlicher Weise haben wir die entgegengesetzte Funktion, Json Dot Stringify, und konvertieren unser Javascript-Objekt in JSN-Daten Wenn wir die Serverdaten in ein Objekt konvertieren möchten, müssen wir die Funktion Jen Dot Parts verwenden Wenn wir Daten an den Server übergeben möchten, konvertieren wir das Javascript-Objekt mithilfe der Jon-Punkt-Stringify-Methode in JSN-Daten Jetzt können wir die Daten aus der Benutzervariablen lesen. Ich werde die Daten in meiner Konsole drucken. Punktprotokoll der Konsole in der Klammer, Punktname des Benutzers. Wenn unser Code einen Pfeil enthält, werde ich diesen Pfeil in meiner Konsole drucken, Console Dot Log r, und ich möchte auch Student H drucken Machen Sie diese Zeile, U H. Bevor ich diese Datei festlege, müssen wir diesen JSON-Code in das Zitat verschieben Andernfalls verhält es sich wie ein Javascript-Objekt. Wenn ich diese Datei einstelle, können wir hier den Namen des Schülers sehen , der eine hinzugefügt hat und 24 Jahre alt ist. Wenn es einen Fehler im Server oder in der JN-Datei gibt, können wir die richtige Nachricht mit Tri und Cache Block anzeigen . Angenommen, die JN-Datei enthält einen Fehler. Manche, ein Zitat. Jetzt ist das JSON-Format nicht korrekt. Wenn ich diese Datei sage, können Sie hier sehen, es einen Fehler in Zeile 14 gibt, einen Syntaxfehler, ein unerwartetes Token A in JN an Position 16. Es kann das A nicht lesen. Es hat ein Zitat erwartet, nicht das A-Zeichen. Deshalb wurde der Fehler geschrieben. Wenn du deine eigenen Massen zeigst, ja, das kannst du. Dafür können wir einen Fehler aus dem Stammesblock werfen . Lass es mich dir zeigen. Aber zuerst werde ich diese JSM-Datei auflösen Und jetzt werde ich eine Bedingung schaffen. In der Klammer, wenn wir keinen Benutzernamen im JSON-Format erhalten, innerhalb der E-Bedingung werde ich innerhalb der E-Bedingung eine Nachricht ausgeben Wir verwenden eine andere Methode, um einen neuen Fehler auszulösen, das war's. In den Klammern werde ich eine Nachricht mit unvollständigen Daten ausgeben, und unsere Nachricht hat keinen Namen Ich werde diese Zeile unter die EP-Bedingung verschieben. Und jetzt werde ich den Namen aus den JN-Daten entfernen. Wenn ich diese Datei speichere, können Sie hier unvollständige Daten und keinen Namen sehen . Nachdem Sie die Fehlermeldung eingegeben haben, wird die Ausführung unseres Codes beendet. Wenn wir die Fehlermeldung ausgeben, wird sie automatisch zum Cache-Block weitergeleitet und die Meldung wird in unserer Konsole gedruckt. Endlich möchte ich dir eine Sache zeigen. Wir versuchen einen Block zwischenzuspeichern, wir können einen anderen Block verwenden. Endlich. Im Grunde ist es optional. Wenn wir endlich Block verwenden, egal was es ausführen wird. Im Grunde möchte ich sagen, wenn ein Fehler in unserem Code auftritt, stoppt es die Ausführung von anderem Code in unserem Tri-Block, aber es kann nicht aufhören, einen endlichen Block auszuführen Lassen Sie mich Ihnen das Console Dot Log in der Klammer zeigen, ich werde eine Nachricht drucken Egal, was ich drucken werde. Wenn ich diese Datei einstelle, kann er sehen, dass zuerst unser Fehler gedruckt wurde, unvollständige Daten , kein Name, und dann druckt sie egal was ich drucken werde. Wenn ich den Fehlernamen behebe, füge einen hinzu. Wenn ich diese Datei eingerichtet habe, können Sie sehen dass sie den Namen des Schülers und einen ausgibt. Außerdem wird ein Student im Alter von 24 Jahren gedruckt, und dann springt man in den Finality-Block und druckt, egal was ich drucken werde Es wird nicht geprüft, ob ein Fehler vorliegt oder nicht. Dieser Block wird immer ausgeführt. Endlich wird die Methode in jedem Fall ausgeführt. Ich hoffe, Sie verstehen jetzt, warum Sie Try and Catch Block verwenden und wie wir mit Fehlern in unserem Code umgehen können. Danke, dass du dir dieses Video angesehen hast.