Die Grundlagen von Javascript für Anfänger:innen – Abschnitt 4: Funktionen | Rob Merrill | Skillshare

Playback-Geschwindigkeit


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

Die Grundlagen von Javascript für Anfänger:innen – Abschnitt 4: Funktionen

teacher avatar Rob Merrill, JavaScript Instructor

Schau dir diesen Kurs und Tausende anderer Kurse an

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

Schau dir diesen Kurs und Tausende anderer Kurse an

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

Einheiten dieses Kurses

7 Einheiten (33 Min.)
    • 1. JavaScript der Grundlagen – Arrays: Promo Video

      1:55
    • 2. JavaScript die Grundlagen – Funktionen: Einführung

      4:30
    • 3. JavaScript in die Grundlagen – Funktionen: Intro Lab

      3:46
    • 4. JavaScript die Grundlagen – Funktionen: Tiefe Tauchung

      5:31
    • 5. JavaScript in die Grundlagen – Funktionen: Deep Dive Lab

      5:03
    • 6. JavaScript die Grundlagen – Funktionen: Geltungsbereich

      5:23
    • 7. JavaScript in die Grundlagen – Funktionen: -

      7:02
  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Alle Niveaus

Von der Community generiert

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

693

Teilnehmer:innen

--

Projekt

Über diesen Kurs

Kurs 4 – Java-Funktionen

In diesem Kurs wirst du:

  • Funktionsausdrücke
  • Funktionsdeklarationen
  • IIFE's
  • Funktionsumfang

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

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

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

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

Jeder Kurs wird dir in JavaScript etwas Neues vorstellen:

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

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

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

Triff deine:n Kursleiter:in

Teacher Profile Image

Rob Merrill

JavaScript Instructor

Kursleiter:in

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

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

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

Vollständiges Profil ansehen

Kursbewertungen

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

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

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

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

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

Lerne von überall aus

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

Transkripte

1. JavaScript der Grundlagen – Arrays: Promo Video: Willkommen bei Java-Skript. Die Basics. JavaScript ist die beliebteste Programmiersprache in der Welt wurde die Sprache des Web Stack Overflow als die beliebteste taube Technologie aufgeführt genannt und erhalten haben Zahlen es als die obersten Ränge Sprachenlernen JavaScript ermöglicht es Ihnen, ein Full-Stack-Entwickler oder finanzieren eine Spezialität auf dem Front-End oder dem Back-End. Mit JavaScript können Sie Front- und Frameworks wie Reagieren und Winkeln auf der Client-Seite bewältigen . Und Sie können auch auf der Back-End-Serverseite ohne Js schneiden und Datenbanken mit Mongo erstellen . DB JavaScript ist eine Sprache, also wird es einige Zeit dauern, um zu lernen, bevor Sie Poesie oder einen Roman in jeder Spracheschreiben können Sprache Sie müssen zuerst das Alphabet lernen, wie man Wörter macht und sehen, wie andere es benutzen. Um JavaScript zu lernen. Wir werden unter die Haube schauen. Dies wird nicht nur eine Übung sein, den Code eines anderen zu kopieren, um mit einer Anwendung zu landen , die Sie nicht verstehen. Alles, was wir tun, wird visuell in Form einer Whiteboard-Lektion sein, in der Sie wirklich sehen können wie alles funktioniert und verbindet. Wenn Sie ein visueller Lernender sind, ist dies der richtige Kurs für Sie. Dabei geht es nicht darum, 0 bis 60 oder Null zum Helden zu gehen, denn wenn du wirklich bei Null beginnst, lassen dich diese Kurse schnell hinter dir. Es geht darum, zu lernen. Verstehen und Anwenden ist, dass Sie mit JACKET erstellen und erstellen können. Way folgt dann unserem Whiteboard. Lektionen in das Labor Weg wird in den Google Chrome Software-Entwickler geben. Konsul Disteln sind Java-Skript-Spielplatz. Es gibt nichts, was Sie für diesen Kurs herunterladen müssen. Keine Spezialwerkzeuge, keine zusätzlichen Schritte. Nur Google, Chrome, alles. Sie haben die Lektion gelernt, die wir dann gemeinsam im Labor neu erstellen werden. Ich werde Ihnen dann eine Code-Herausforderung geben, um neu zu erstellen, was wir gemeinsam gelernt haben, und dann werden wir gemeinsam eine mögliche Lösung suchen. Willkommen bei Java Script. Die Grundlagen. Beginnen wir, Job-Skript zu sprechen 2. JavaScript die Grundlagen – Funktionen: Einführung: Willkommen zurück bei Java. Script Die Grundlagen. In diesem Abschnitt der Lektionen werden wir uns Funktionen ansehen. Was ist eine Funktion Funktionen können Sie eine ernsthafte von Anweisungen gruppieren zusammen, um eine bestimmte Aufgabe auszuführen . Wenn verschiedene Teile einer Schrift Pete die gleiche Aufgabe, können Sie die Funktion wiederverwenden, anstatt den gleichen Satz von Aussagen zu wiederholen. Funktioniert wie ein Rasiermesser Objekte, aber man kann sie als die Verben der Objektwelt vorstellen. Sie sind wie die Taste, die Sie drücken, um das gewünschte Ergebnis zu erhalten. Sie ermöglichen es Ihnen, eine Reihe von Anweisungen zu gruppieren, um eine bestimmte Aufgabe in Java-Skript zu bilden. Wenn Sie das Gleiche immer und immer wieder aufschreiben, ist dies ein Zeichen dafür, dass Sie eine Funktion erstellen können, um dies für Sie zu tun. Es gibt einen Begriff namens Dry in der Programmierwelt, für die er steht. Wiederholen Sie sich nicht, und das ist, was gute Programmierer dio. Sie wiederholen sich nicht selbst und diesen Vortrag. Wir werden uns die Anatomie oder Syntax einer Funktion ansehen und diese Funktion deklarieren. Beginnen wir mit einem Blick auf einen Code. Wir beginnen später mit einer Funktionsdeklaration. Vorlesungen ermöglichen es uns, verschiedene Arten der Verwendung und des Schreibens von Funktionen zu betrachten. Hier haben wir ein Drama gestripptes Schlüsselwort wie var. Es ist ein Schlüsselwort, reservierte Wortfunktion, die unseren JavaScript-Interpreter wissen lässt, dass wir eine Funktion erstellen. Als nächstes haben wir einen Funktionsnamen oder einen Bezeichner. Dies gilt nicht für alle Funktionen, und wir werden Beispiele für diese in den kommenden Lektionen sehen. Der Name muss alle Qualifikationen und Best Practices für die Benennung von Variablen erfüllen, die wir in unserer variablen Lektion gesehen haben . Dies bedeutet, dass es mit einem Groß- oder Kleinbuchstaben, Dollarzeichen oder Unterstrich beginnen kann . Sie können nicht mit einer Zahl beginnen, ein Schlüsselwort verwenden oder Leerzeichen enthalten. Funktionsnamen sind oft Verben oder Phrasen, die mit Verben nach der Funktion beginnen. Schlüsselwort Invariable Name sind offene und geschlossene Klammern, in denen Sie die Möglichkeit haben, Parameter zu platzieren. Sie werden ausgeführt, wenn die Funktion aufgerufen wird oder abgestimmt wird. Wir werden diesen Rohling für jetzt leben, aber wir werden einige Beispiele in einem Moment sehen. Als nächstes haben wir den Codeblock. Die beiden geschweiften Klammern sind der Indikator für den Codeblock oder Funktionskörper. Die Schritte, die die Funktion ausführen muss, um Performance-Aufgaben auszuführen, sind in einem Codebuch zusammengefasst . Ein Codeblock besteht aus einer oder mehreren Anweisungen, die in geschweiften Klammern enthalten sind, und Sie lesen kein Semikolon nach der schließenden geschweiften Klammer, wie Sie es nach einer Anweisung tun . Jetzt sind wir in der Lage, unsere Funktion aufzurufen. Nachdem Sie die Funktion deklariert haben, können Sie dann alle Anweisungen zwischen den geschweiften Klammern mit nur einer Codezeile ausführen . Dies wird als Cohen die Funktion oder Aufruf der Funktion bekannt. Der Körper oder Codeblock der Funktion zwischen den beiden geschweiften Klammern wird nicht ausgeführt, wenn die Funktion definiert ist. Aber wenn es in der Abstimmung in der Programmiersprache ist, würden Sie sagen, dass dieser Code eine Funktion aufruft. Manchmal werden Sie feststellen, dass Sie eine Funktion deklarieren, die Informationen benötigt. Dies beinhaltet den Umgang mit Parametern und Argumenten. Argumente und Parameternamen sind nur Platzhalter. Ihre Namen spielen keine Rolle, ist die Reihenfolge, die wichtig sein wird. Allerdings es wichtig, menschlich lesbar zu sein, ist es wichtig, menschlich lesbar zu sein,und ihre Namen sind wichtig für diejenigen, die mit Ihnen oder nach Ihnen an Ihrem Code arbeiten . Schauen wir uns eine andere Funktion und die deklarierte Funktion an. Sie haben, was Parameter genannt werden . Die Parameter werden mit dem gefüllt, was eingegeben wurde. Wenn Sie eine Funktion aufrufen, die eine Funktion aufruft, wird unsere Funktion in Berufung die Zeit sein, Werte oder Argumente für die Funktionsparameter bereitzustellen . Hier ist Abraham das Argument für den Vorname-Parameter, und Lincoln ist das Argument für den Nachname-Parameter. Also denken Sie daran, Parameter ist der Begriff, den wir für den Code in der Funktionsdeklaration verwenden. Ein Argument ist der Begriff, den wir für den Code verwenden, wenn wir die Funktion aufrufen. Nein, wir können diese Funktion mehrmals ausführen. Du könntest das für mehrere Präsidenten tun. Wir könnten George Washington nach Hause bringen, um den Namen unseres ersten Präsidenten zu bekommen. Wir könnten Thomas Jefferson Grad Thomas Jefferson und so weiter. Das ist alles. Für den Moment. Wir haben gerade unseren ersten Blick auf Funktionen genommen. Wir sehen uns als Nächstes im Labor, wo wir das Gelernte in die Praxis umsetzen. 3. JavaScript in die Grundlagen – Funktionen: Intro Lab: Alles in Ordnung in diesem Labor. Wir werden unsere Lektion über Funktion, Syntax und die Verwendung von Argumenten und Parametern innerhalb einer Funktion, die wir in unserem Vortrag gesehen haben, überprüfen . Die Funktionen air going toe haben eine Keyword-Funktion. Sie können benannt oder anonym sein, abhängig von dem gewünschten Ergebnis und enthalten einen Codeblock. Dieser bestimmte Codeblock wird erst ausgeführt, wenn die Funktion aufgerufen wurde oder abgestimmt wurde. Gehen wir voran und beginnen mit dem Aufbau einer Funktion zusammen. Lassen Sie uns eine Variable erstellen, die unseren Nachbarn begrüßt. Guten Morgen. Also haben wir Funktion Guten Morgen, Nachbar und wir haben einen Codeblock, der heißt „Zurück Guten Morgen, Nachbar“. Lassen Sie uns voran und führen Sie eine Codezeile aus, die einen Anruf aufruft und die Funktion ausführt. Das ist einfach genug. Lassen Sie uns dieses Einsinken lassen, indem Sie schnell eine andere Funktion erstellen. Das wird unserem Nachbarn einen guten Abend erzählen und du denkst sie für etwas, das sie getan haben, damit wir klären können, was wir haben. Wir haben Funktion. Guten Abend, Nachbar, und wir haben einen Codeblock, der eine Zeichenfolge zurückgibt, die Guten Abend sagt, Nachbar. Danke für alles. Und dann rufen wir die Funktion auf. Guten Abend, Nachbar, und wir kehren guten Abend zurück, Nachbar. Danke für alles. Nun, beide Funktionen sind ein wenig unpersönlich. Hört sich an, als kennst du deinen Nachbarn nicht sehr gut. Hier ist die Herausforderung. Schreiben Sie beide Funktionen neu, um Parameter und Argumente mit echten Namen einzubeziehen. Und in der zweiten Funktion, wo es Danke für alles sagt, was ziemlich generisch ist. Stellen Sie sicher, dass Sie einen Parameter haben, ein Argument, mit dem Sie spezifischer über Ihren Nachbarn sein können, wenn Sie Ihre Funktion aufrufen . Also, hier ist Ihre Herausforderung. Schreiben Sie beide Funktionen neu, einschließlich eines Parameters ein Argument für Namen in beiden und wieder in der zweiten Funktion, ersetzen Sie alles durch einen Parameter, ein Argument, das eine Aufgabe benennt. Alles klar, viel Glück. Gehen Sie weiter und pausieren Sie das Video, und wir kommen wieder und vor der Lösung zusammen. Okay, Hilfe, die gut für dich gelaufen ist. Wenn das ein wenig schwierig und komplex wäre. Das ist in Ordnung. Es gibt ein paar bewegliche Teile in diesem Szenario. Beginnen wir mit einer guten Morgen-Funktion. Gehen Sie voran und geben Sie ihm den Parameternamen. Es könnte wirklich jeder Parameter sein, aber für die Lesbarkeit wollen wir einen Parameter, der menschlichen Sinn macht. Also wählen wir den Namen. Wir werden dann eine Reihe von guten Morgen mit einem Leerzeichen Halter und Wilken Cat, dass mit unserem Zuweisungsoperator mit dem Namen Parameter. Als nächstes gehen wir weiter und rufen unsere Funktion an oder rufen sie auf. Guten Morgen, und wir nutzen den Streit von Joe. Das Ergebnis ist „Guten Morgen“, Joe. Unsere letzte Herausforderung besteht darin, die gute Abendfunktion zu übernehmen und sie an Parameter zu übergeben und diese Funktion mit zwei Argumenten aufzurufen. Lassen Sie uns voran und schauen Sie es sich wirklich schnell an. Wir haben die Funktion, guten Abend und den Code Block Rückkehr. Guten Abend, Nachbar. Danke für alles. Wir möchten, dass unsere Argumente und Parameter Nachbarn angeben und wofür Sie gedacht haben . Für den ersten Parameter werden wir den Namen wie in unserem vorherigen Beispiel setzen, unser zweites Argument könnte alles sein, aber wir werden das Wort Aufgabe setzen und der Codeblock wird Code schreiben, der zwei Parameter einnimmt und sie zusammen katzen kann mit der Stärke müssen wir Astra Special eins sein. Wenn Sie diese Strings zusammen austreten, um den richtigen Abstand eingeschlossen zu haben. Lassen Sie uns voran gehen und unsere Funktion aufrufen, indem Sie ihm die Argumente geben. Guten Abend und dann für den Namen wird Hank setzen und für die Aufgabe wird den Müll zum Bordstein bringen und das Ergebnis ist Guten Abend, Hank. Danke, dass du den Müll zum Bordstein gebracht hast. Das ist alles, was wir für diesen Laborbereich haben, wird in der nächsten Vorlesung zu sehen. 4. JavaScript die Grundlagen – Funktionen: Tiefe Tauchung: Alles klar, willkommen zurück in Java. Skript. Die Grundlagen. In dieser Lektion werden wir einen tieferen Einblick in die Funktionen nehmen. Letzte Lektion. Wir haben uns Funktion, Syntax und einen Funktionsaufruf angesehen . In dieser Lektion werden wir uns Funktionsausdrücke, anonyme Funktionen ansehen , und wenn er ist, weiß ich seltsame Arbeit. Auf den ersten, diese Unterschiede Luft scheint subtil zu sein, und die Anwendung ist nicht klar. Aber wenn Sie sich tiefer in die Programmierung bewegen, wird es notwendig sein, sie angemessen zu verwenden und die Unterschiede darin zu verstehen, was der JavaScript-Interpreter mit ihnen macht. Also für jetzt, unsere Aufgabe ist es, zu lernen, jedes von ihnen zu identifizieren und zu erfahren, wie der JavaScript-Interpreter mit jedem einzelnen interagiert. Beginnen wir mit dem Funktionsausdruck. Dies ist, wenn Sie eine Funktion als Wert einer Variablen zuweisen, ein Zeichen der Funktion. Toe Variable ist, wenn wir eine Funktion in einen Container oder Box setzen, und wir beschriften diese Box mit dem Variablennamen. Um diese Daten zu erhalten, rufen wir die Variable auf, um Zugriff darauf zu erhalten. Schauen wir uns unsere Funktion aus der letzten Lektion an und zeichnen einen Vergleich. Wir haben das Funktionsschlüsselwort, dann den Funktionsnamen, und dann geben wir in den Codeblock ein, der eine Return-Anweisung ist, die uns diese Zeichenfolge gegeben. Guten Morgen, Nachbar. Dies ist eine Funktion Deklarationsfunktion. Declarations Air, immer benannt jetzt, suchte einen Funktionsausdruck im Vergleich. Wenn wir uns die beiden ansehen und nach den Unterschieden suchen, können wir sehen, dass ein Funktionsausdruck nicht benannt ist. Es kann sein, aber da die Funktion in einer Variablen gespeichert ist, ist es nicht notwendig, die Funktion zu benennen. Um in diesem Fall darauf zuzugreifen, wäre unnötiger Code. Dies macht es, was wir in der anonymen Funktion innerhalb der Variablen nennen. Nun, wenn wir nur eingeben, sind variabel in die Konsole, wir werden nicht die Ergebnisse der Funktion erhalten. Denken Sie daran, eine Funktion erst ausgeführt wird, wenn sie aufgerufen oder aufgerufen wird. Stattdessen erhalten wir einfach die ganze Funktion zurück zu uns. Wir müssen unsere Variable aufrufen oder aufrufen, die dann unsere Funktion ausführt und ihren Wert zurückgibt. Hier ist der merkliche Unterschied. Das kann eine Weile dauern, bis es einsinkt. Der JavaScript-Interpreter sucht immer nach Variablen- und Funktionsschlüsselwörtern, bevor er jede Zeile des Skripts durchläuft und ausgeführt wird. Es ist okay, wenn das etwas verwirrend ist. Es ist ein bisschen komplex, und man braucht keinen vollen Griff zu haben. Sie an diesem Punkt, BeachtenSie an diesem Punkt, dass der JavaScript-Interpreter nach Variablen und Funktionsdeklarationen sucht bevor er seinen Code ausführt. Der große Unterschied besteht darin, dass Sie mit der Funktionsdeklaration die Funktion aufrufen können, bevor Sie sie überhaupt in Ihrem Code deklarieren. Dies liegt daran, dass der JavaScript-Interpreter diese Wortfunktion und ihren Wert findet sie speichert, bevor jede Zeile des Codes ausgeführt wird. Wenn diese Funktion aufgerufen wird, weiß der JavaScript-Interpreter bereits darüber. jedoch Für den Funktionsausdruck finden wir diesjedochnicht. Der JavaScript-Interpreter schaut sich das Wort var an und hebt sich nach oben. Hebezeuge ist bestimmt Konzept. Wir werden einen tieferen Blick in einem anderen Video werfen, also mach dir jetzt keine Sorgen darüber, aber es listet diese Variable nach oben auf und speichert ihren Wert als undefiniert für die Variable. Wenn wir also versuchen, den Funktionsausdruck an diesem Punkt aufzurufen oder aufzurufen, werden wir auslüften. Die Funktion wurde nicht definiert. Der Dolmetscher weiß es noch nicht. Es ist ein subtiler Unterschied zu einem neuen Programmierer Augen und wird einige Zeit in Anspruch nehmen, um zu sinken und den Unterschied zu sehen, ist es machen kann. Wir werden uns im Labor etwas Zeit verschaffen, um das noch ein paar Mal zu praktizieren. Lassen Sie uns diesen Vortrag schließen, indem wir uns eine andere Sache ansehen, die wir mit Funktionen tun könnten. Dies wird F E genannt. Es steht für sofort aufgerufenen Funktionsausdruck. Schauen wir uns ein Codebeispiel an. Dies sieht genauso aus wie unser Funktionsausdruck, in dem wir die Funktion in einer Variablen gespeichert haben. Wenn er auch in Ordnung ist, anonyme Funktionen zu machen. Im Moment werden wir es in einem Funktionsausdruck speichern. Neu ist dieser zusätzliche Satz von Klammern am Ende unseres Funktionsausdrucks. Dies ist, was die Funktion aufrufen wird, wo Sie Argumente setzen, die Sie haben könnten. Dann wird all das in einen anderen Satz von Klammern eingewickelt. Außerdem können wir die schließenden Klammern nach der Rap-Funktion setzen, obwohl Best Practice den schließenden Satz von Klammern innerhalb der gesamten Funktion eingeschlossen hat. In unseren vorherigen Beispielen haben wir gesehen, dass die Funktion aufgerufen werden musste, damit der Code in der Funktion ausgeführt werden konnte. In beiden Fällen, wenn er nicht darauf wartet, Statt aufgerufen zu werden, sie ausgeführt, sobald der Interpreter auf sie trifft. Da der JavaScript-Interpreter auf diese beiden Codeblöcke stößt, interagiert er mit ihnen anders für den Funktionsausdruck ohne einen iffy. Der Wert, der in der Variablen gespeichert ist, ist die Funktion, deren Codeblock noch nicht rant hat, wenn er über einen Funktionsausdruck mit einem in der Variablen gespeicherten iffy läuft, speichert er die Ergebnisse der Funktion. Es speichert den Code, der erneut ausgeführt wurde. Die Bedeutung davon mag jetzt schwer zu erkennen sein, aber ein Vorteil von sofort aufgerufenen Funktionsausdrücken besteht darin, sicherzustellen, dass Variablennamen nicht miteinander in Konflikt stehen. Das ist eine große Sache in der Programmierung, und wir werden später mehr dazu haben. Vielen Dank, dass Sie sich mir bei einem ersten Blick auf Funktionsausdrücke, anonyme Funktionen angeschlossen haben. Und wenn er es ist und ich werde Sie im Labor sehen, um einige Erfahrungen zu machen 5. JavaScript in die Grundlagen – Funktionen: Deep Dive Lab: In Ordnung. Willkommen zu einer Laborzeit und unserem Vortrag. Wir haben uns Funktionsausdrücke, anonyme Funktionen angesehen . Und wenn er es ist, fingen wir an, Hava Java Script Interpreter zu untersuchen, interagiert mit der Art , wie wir unsere Funktionen schreiben. Wir sahen, dass ein Fortune Expressionist die Funktion als Wert für die Variable ah signiert, Funktion Ausdruck wie eine Funktionsdeklaration aufgerufen werden muss, werden in unserem Code aufgerufen um ausgeführt zu werden. Wir wurden auch in anonyme Funktionen eingeführt, die ohne einen Funktionsnamen gehen. Dann haben wir uns angesehen Wenn er das ist, dass diese Luftblöcke von Code, die sofort ausgeführt werden und keinen separaten Aufruf oder Aufruf benötigen, um sie auszuführen, war es ziemlich komplexe Sachen. Und wenn Sie neu in der Programmierung sind, wurde es wahrscheinlich wirklich komplex sehr schnell. Lassen Sie uns unsere Lektion in Stücke im Labor aufteilen und einen Teil dieser Komplexität aufschlüsseln. Beginnen wir, indem wir eine Funktionsdeklaration machen. Denken Sie daran, Funktionsdeklarationen müssen später benannt werden. Ich werde Sie bitten, diese benannte Funktion in einen Funktionsausdruck zu verwandeln. Lassen Sie uns eine Funktion deklariert klopfen innerhalb seines Codeblocks erstellen. Wir werden den Wert einer Zeichenfolge vernünftig zurückgeben. Wer ist da? Eine Funktionsdeklaration ist keine Executive-Kräuteraussage. Es ist also keine gängige Praxis, Funktionsdeklarationen mit einem Semikolon zu beenden. Ihre erste Herausforderung wird eine Rezension sein. Ich möchte, dass Sie diese Funktion einfach aufrufen. Gehen Sie weiter und pausieren Sie dieses Video und geben Sie es ein Bild. In Ordnung. Hoffentlich war das ziemlich einfach für dich. Wir werden einfach klopfen, klopfen, klopfen, falten durch die Klammern, um die Funktion Ihre nächste Herausforderung zu nennen, nachdem Sie Pause. Dieses Video soll diese Namensfunktion in eine anonyme Funktion verwandeln und diese anonyme Funktion innerhalb eines Funktionsausdrucks speichern . Dann möchte ich, dass du die Funktion aufrufst. In Ordnung. Wie das gelaufen ist, war hoffentlich ziemlich unkompliziert. Lasst uns das gemeinsam lösen. Wir werden wieder einen Variablennamen geben. Dies könnte ein beliebiger Variablenname sein. Es hätte mal zwei geklopft werden können. Als Nächstes. Der Wert, den wir der Variablen geben, ist eine anonyme Funktion. Wir entfernen einfach den Namen. Das musst du aber nicht tun . jedoch Da esjedochein Zeichen dafür ist, dass die Variable beibehält, ist die benannte Funktion für uns momentan nicht viel Nutzen . Sehen wir uns nun den Wert von klopfen an und wir bekommen einfach die Funktion, die noch nicht ausgeführt wurde? Nein. Wenn Sie diese Funktion aufrufen möchten, rufen wir einfach unser Klopfen auf. Klopfen variabel und wir bekommen, wer da ist. Großartig. Jetzt bauen wir einen raffinierten erinnern und wenn er sofort aufgerufen wird, Funktionsausdruck. Diese Luft-Funktion ist, dass der Iran sofort, und Sie müssen nicht aufrufen oder rufen Sie sie mit einem separaten Stück Code. Es sind anonyme Funktionen, die sofort aufgerufen werden. Beginnen wir mit der deklarierten Funktion, die wir einen Hund nennen. Walker wird die Parameter von Person und Hund geben, und der Co-Block wird das Argument für Person zurückgeben. Und die Schnur nimmt als das Argument für Hund, gefolgt von der Schnur für einen Spaziergang. Dann werden wir voran gehen und Farbenfunktion und geben ihm Argumente für Person und Hund. Das Ergebnis ist, dass Paul Charlie spazieren nimmt. Hier ist unsere Herausforderung. Ich möchte, dass Sie dies in einen sofort aufgerufenen Funktionsausdruck verwandeln, als Ihre zweite Herausforderung ist. Um das zu setzen, wenn er innerhalb der Variablen Ihrer Wahl liegt und die Variable aufruft. Alles klar, mach weiter und pausiere das Video und gib ihm einen Schuss. Dann kommen wir wieder zusammen, um eine Lösung zu finden. Wie lief es, hatte das ein paar bewegliche Stücke, also seien Sie nicht entmutigt, wenn Sie es nicht bekommen. Wir werden diese ganze Funktion Klammern in Klammern einschließen. Wir haben den Funktionsnamen entfernt, um ihn anonym zu machen. Wir dann Leicester Parameter von Person und Hund. Wir führen den exakt gleichen Codeblock aus als unmittelbar danach. Wir rufen unsere Funktion mit den Argumenten von Paul für Person und Charlie für Hund. Und wir bekommen die gleichen Ergebnisse. Nein, wir werden diese Funktion innerhalb einer Variablen speichern, um Zeit zu sparen. Ich werde nur die Ära von drücken und variable Hund Walker gleich, dass. Wenn er sich in früheren Lektionen daran erinnert, dass in einem Funktionsausdruck, dass wir, wenn wir die Variablezurückgeben , wenn wir die Variable , nur die Funktion mit ihrem Codeblock zu uns zurückkehren und nicht die Ergebnisse der Funktion, die ausgeführt wurde. Nicht so, wenn er ist, müssen wir einfach die Variable und den Funktionswert eingeben, nicht die Funktion wird zurückgegeben. Ziemlich cool, richtig? Hoffe, dass dies beginnt, eine Verbindung mit Ihnen herzustellen. Diese zwei Lektionen tauchten ein wenig in das tiefere Ende von Javascript. Wenn Sie sich zu kämpfen, wäre es wahrscheinlich eine gute Idee, diese beiden Videos ein oder zwei Mal wieder zu gehen, um mit zukünftigen Lektionen über Funktionen Schritt zu halten. Das ist alles für den Moment. Danke, dass du das tief genommen hast. Tauchen Sie ein in die Funktionen und wir sehen uns in der nächsten Lektion. 6. JavaScript die Grundlagen – Funktionen: Geltungsbereich: Alles klar, willkommen zurück in Java. Drehbuch. Die Grundlagen. Dies wird eine spannende Lektion sein, wenn wir uns den Funktionsumfang ansehen. Was ist der Bereich im JavaScript-Bereich ist, wo Variable definiert ist. Java-Skript hat zwei globale und lokale Variablen, die außerhalb der Funktionsdefinition als globale Variable deklariert hat , und ihr Wert ist im gesamten Code zugänglich und änderbar. Eine Variable, die innerhalb einer Funktionsdefinition deklariert wurde, ist lokal und nicht dem Rest Ihres Codes ausgesetzt . Der Rest dieser Lektion und unser nächstes Labor werden diese Definition einfach auspacken. Schauen wir uns hier einen Code an. Wir haben eine Variable mit dem Namen scope deklariert und ihm den Wert der Zeichenfolge public zugewiesen. Es ist eine globale Variable, was bedeutet, dass wir überall in unserem Code darauf zugreifen können. Als nächstes haben wir eine Funktionsdeklaration mit den Namensüberprüfungen gehen und deren Code. Wir haben keine lokale Variable namens scope deklariert. Es hat den gleichen Namen und wir haben ihm einen Wert der Zeichenfolge privat zugewiesen. Dies bedeutet, dass es nur innerhalb dieser Funktion zugänglich ist. Wir schließen den Codeblock, indem wir unseren Wert des lokalen Variablenbereichs zurückgeben. In Ordnung, lassen Sie uns auf diese beiden Bereiche zugreifen. Wenn wir nach dem Wert des Bereichs suchen, können wir innerhalb unserer Funktion nicht sehen, dass der einzige Bereich, den wir sehen, der Bereich mit dem Wert von public ist, der eine globale Variable ist. Wenn es keine globalen Variablen des Bereichs gäbe, wäre Java-Skript-Interpreter eine Luft an uns zurückgeben würde, weil es lokaler Bereich ausgeblendet ist. Es würde keine Instanzen des Variablenbereichs sehen. Wenn wir den lokalen Bereich mit dem Wert von privat erfassen wollen, müssen wir tatsächlich die Prüfbereichsfunktion aufrufen, damit wir Zugriff auf seine lokale Variable haben können . Sehen wir uns nun einen anderen Codeabschnitt an, der fast identisch ist. Der einzige Unterschied ist das Hinzufügen einer Deklaration einer neuen Variablen namens New Scope, mit dem zugewiesenen Wert der globalen Zeichenfolgenvariablen. Dann innerhalb unserer Chek-Bereichsfunktion gab innerhalb unserer Chek-Bereichsfunktionein Array des Variablenbereichs und des neuen Bereichs zurück. Wenn wir also global nach neuen Geltungsbereich suchen, werden wir ihn finden. Da wir Zugriff auf alle globalen Variablen haben, schauen Sie, was passiert, wenn wir die Prüfbereichsfunktion ausführen. Wir erhalten Werte der lokalen Variablen für den Bereich, sondern auch die globale Variable für den neuen Bereich zurückzugeben . Kinder haben Zugriff auf alles, was ihre Eltern haben, wenn sie nicht zuerst über die Ressource verfügen . Dies wird Scope Chain genannt. Das ist wie ein Kind, das kein Geld hat, aber Zugang zu seinen Eltern hat. Geld. Das ist wie ein Kind, das keinen Transport hat, aber Zugang zu seinen Eltern hat. Transport. Lassen Sie uns über die Bereichskette Samore sprechen. Wenn Java-Skript einen Wert einer Variablen suchen muss, beginnt es mit dem Blick auf das erste Objekt in der Kette, den lokalen Bereich und wenn es ihn findet, verwendet es diesen Wert. Wenn ein Dutzend es den nächsten Bereich durchsucht, ist es in enthalten. In diesem Fall ist es der globale Geltungsbereich. Wenn der Wert nicht innerhalb des globalen Bereichs gefunden wird, wird er in Luft zurückgegeben. In unserem Beispiel war Scope in der Lage, einen Wert lokal zu finden, also benutzte er ihn, musste aber die Bereichskette in den globalen Bereich nach oben verschieben, um einen Wert für den neuen Bereich zu finden . Schauen wir uns das anders an. Der globale Geltungsbereich kann nicht nach innen schauen, aber der nach innen gerichtete Umfang kann nach außen schauen. Lasst uns weitermachen und unsere Lektion schließen, indem wir uns ansehen. Ein weiteres Beispiel ist etwas, das wir in unserer variablen Lektion übersprungen haben. Es ist die Bedeutung unserer var Schlüsselwort zu deklarieren, wenn wir unsere Variablen machen. Schauen wir uns einen Code an, wenn wir nicht erklären, dass das var Schlüsselwort sind Variable automatisch eine globale Variable ist . Technisch gesehen, Hals diesen Kurs. Sie haben Ihre Variablen deklariert, ohne das VAR Schlüsselwort zu verwenden. Aber es ist immer Best Practice wegen der Funktionsweise des Geltungsbereichs und JavaScript. Schauen wir uns die Probleme an, die wir bekommen können, wenn wir das Schlüsselwort var nicht verwenden. Gehen wir zu unseren ursprünglichen Codezeilen, aber wir werden eine machen. Änderung wird das Schlüsselwort var aus dem Bereich in der Tschechischen Bereichsfunktion entfernen. nun Wenn wirnunnach dem Wertebereich suchen, werden wir wie erwartet öffentlich werden. Als nächstes, wenn Sie die Prüfbereichsfunktion ausführen, werden wir unseren erwarteten Nieselregen von privat wie zuvor erhalten. nun Wenn wirnunden Bereichswert erneut ausführen, sollte er global aussehen, und wenn dies der Fall ist, gibt es privat zurück, weil wir das Schlüsselwort var nicht verwendet haben. Diese Prüfbereichsfunktion tut etwas, was wir nicht erwarten. Der Wert ist ein globaler Wert, und wir haben Namenskonflikte, die uns unerwartete oder unerwünschte Ergebnisse liefern. Eine Möglichkeit, dies zu verhindern, besteht darin, den strengen Modus der EU zu nutzen. Leider können Sie dies in Ihrem Konsul nicht wie in einem Texteditor verwenden, aber es wird wichtig für Sie sein, und das Labor zu kennen. Ich zeige Ihnen einen Trick, um dies zu simulieren, indem Sie einen Iffy verwenden, den wir uns in einer früheren Lektion angesehen haben. Warum der strikte Modus Strict-Modus es einfacher macht, sicheres JavaScript zu schreiben, aber zuvor akzeptierte schlechte Syntax in wirklich Fehler zu ändern . Das ist alles, was wir für diese Lektion haben. Danke, dass Sie einen ersten Blick auf den Funktionsumfang mit mir genommen haben, und wir sehen uns im Labor. 7. JavaScript in die Grundlagen – Funktionen: -: Alles klar, willkommen zurück im Labor. In unserer Lektion haben wir uns den Funktionsumfang und JavaScript angesehen. Der Bereich wird davon bestimmt, wo die Variable definiert ist. Es gibt zwei Arten von Umfang, global und local. In unserer Lektion haben wir gesehen, dass der lokale Geltungsbereich vor unserer Globalisierung verborgen ist. Wir haben auch gesehen, dass die globale Reichweite nicht vor unseren lokalen Augen verborgen ist. Mit anderen Worten, der globale Geltungsbereich kann nicht annehmen. Ressource stammt aus dem lokalen Bereich, aber der lokale Bereich ist frei, die Werte zu verwenden, und die Ressource wird im globalen Bereich gefunden. Das nennen wir die Scope Chain. Wir haben auch einen kurzen Blick auf die Verwendung des strikten Modus genommen, um uns davon abzuhalten, den globalen Namen zu verschmutzen . Space Scope ist eine große Sache auf JavaScript auf einem extrem wichtigen Fundament, wenn Sie mit mehr Komplexität entwickeln. Also lasst uns anfangen. Lassen Sie uns voran und bauen eine Funktion zusammen, wird eine Funktion deklarieren und es Road Trip nennen. Innerhalb seines Code-Block Willis zwei Variablen Gallonen und setzen Sie es gleich 12 ein M P G mpg, die gleich 34. Wir werden dann den Wert von Gallonen mal MPG zurückgeben, dann rufen wir unsere Funktion auf und erhalten das Ergebnis von 408 Pretty unkompliziert. Hier ist Ihre Herausforderung in unserer Lektion. Wir haben darüber gesprochen, wie die Scope Chain funktioniert. Wenn ein untergeordneter Bereich keinen Wert innerhalb seines Bereichs hat, kann er nach einer Ebene suchen, um diesen Wert zu finden. Es kann dies den ganzen Weg bis in die Scope Chain tun, bis es den globalen Umfang erreicht. Wenn es zu diesem Zeitpunkt immer noch nicht den Wert finanziert, nach dem es sucht, wird es einen Fehler zurückgeben. Ich möchte, dass Sie diese lokalen Variablen nehmen und sie in den globalen Bereich verschieben. Dann kommen wir zurück und finden gemeinsam eine Lösung. Gehen Sie weiter und pausieren Sie das Video. Alles klar, wie geht's? Hoffentlich war das kein Problem. Ich werde schnell eine schlechte Practice-Lösung finden und ihr mit der Best Practice-Lösung folgen . Hier ist der falsche Weg. Wir können unseren Code einfach wieder aufrufen, indem wir den Pfeil nach oben verwenden. Wenn wir Gallonen laufen, erhalten wir einen Wert von Ember 12 und NPG wird uns den Wert der Zahl 34 geben. Von dort werden wir das var Schlüsselwort aus unseren Variablen Gallonen und PG entfernen. Denken Sie daran, wenn wir nicht die var verwenden, Schlüsselwort sind Variable wird automatisch global sein. Wenn Sie also zum ersten Mal die Variable deklarieren, ist es immer die beste Methode, das Schlüsselwort var zu verwenden. So bekommen wir unseren globalen Namensraum nicht mit Namenskonflikten gefüllt. Also lasst uns das am besten lösen. Jetzt ist es eine einfache Deklaration von Gallonen und Meilen pro Gallonen außerhalb der Variablen. Und wenn wir schauen, können wir sehen, dass wir Zugang zu ihnen als globale Variablen haben. Und wir können immer noch unsere Funktion ausführen und die Scope Chain hinaufgehen, um diese Werte zu erfassen. OK, ich habe erwähnt, wie es schlechte Praxis ist, nicht Benutzer unseres Schlüsselworts. Lassen Sie uns also die negativen Nebenwirkungen vermeiden, die mit schlechter Praxis einhergehen können. Die Lösung dafür ist die Verwendung, die Verwendung strikter Modus. Dies funktioniert nicht ganz in unseren Crew-Entwickler-Tools, wie ich in unserer Lektion erwähnt habe, wie es in einem Texteditor wäre, aber wir können dies simulieren, indem wir eine Iffy erstellen und dann die strenge Methode verwenden. Gehen wir also voran und wickeln Sie eine Funktion ein. Und in diesem, lassen Sie uns verwenden streng. Also, jetzt haben wir diese iffy und wir können eine Variable setzen, ohne ein Schlüsselwort zu deklarieren wird sagen Essen gleich Pizza. Wenn wir diesen Code ausführen, erhalten wir einen Fehler. Das Essen wurde nicht so definiert, dass es klar ist, indem man den strikten Modus umschließt und wenn er nicht schrecklich relevant für die Codierung in der realen Welt , müssen Sie nicht zu dieser Maßnahme gehen, um den strikten Modus in Ihrem Texteditor zu implementieren. Aber es ist eine wichtige Illustration in Google Chrome, wie Sie davon abhalten können, einfache Fehler zu machen , die einige Fehler in Ihrem Code in der realen Welt verursachen könnten. Okay, hier ist also unsere große Herausforderung für die im Labor verschachtelten Funktionen. Wir haben dies in der Lektion nicht getan, aber es ist das gleiche Konzept wie ein lokaler Bereich. Innerhalb des globalen Umfangs zu sein. Ich möchte, dass Sie eine Funktion innerhalb einer Funktion erstellen, so dass Sie einen globalen Bereich haben, in dem Sie eine Funktion haben, die Sie erstellt haben , und das wird einen lokalen Bereich erstellen. Innerhalb dieser Funktion haben Sie eine andere Funktion, die eine verschachtelte Funktion ist. Ich möchte, dass diese Funktion eine der Bereichskette nach oben geht, um den Wert von seinen Eltern zu greifen, fertig zu werden und dann noch eine Zeit der Bereichskette in den globalen Bereich zu steigen und einen Wert zu greifen. Ich möchte dann, dass Sie den Code so ausführen, dass er die innerste Funktion aufruft, die Ihr Gehirn ein wenig racken könnte, und es ist OK, wenn es so ist. Wenn Sie nicht schnell eine Lösung finden können, ist das in Ordnung. Ich würde vorschlagen, einen Timer für mindestens 20 Minuten einzustellen und durch ihn zu kämpfen. Danach wird die Zeit zusammenkommen und sich eine mögliche Lösung ansehen. Ich möchte wiederholen, dass Ihr Wachstum als Java-Skript-Entwickler nicht durch Kopieren des Codes von jemand anderem kommen wird . Dafür gibt es einen gewissen Nutzen, aber echtes Wachstum ist im Kampf. Gehen Sie voran und pausieren Sie das Video und in wenigen Augenblicken wird eine Lösung zusammen finden. In Ordnung, lassen Sie uns eine verschachtelte Funktion erstellen, die das Volumen von etwas zwei Schwefelvolumen finden wird. Wir müssen Längenzeiten mit Zeiten Höhen haben. Jetzt ist die Lösung dafür nicht die effizienteste Lösung für die Finanzierung von Volumen im wirklichen Leben oder sogar Codierung. Es ist nur eine Praxis, die mit Bereichskette mit einem Bezugspunkt arbeitet, den wir gemeinsam haben , um den Bereich eines Objekts zu finden. Unser Ziel ist es, den untergeordneten Bereich sowohl vom übergeordneten als auch vom globalen Bereich zu greifen. Also lassen Sie uns eine globale Bereichsvariable deklarieren wird es Höhe nennen und ein Zeichen es einen Wert von 10. Als nächstes wir schaffen, was die Eltern bewältigen werden. Dies wird der Umfang sein, den wir nennen. Wenn wir die Funktion aufgerufen haben, nennen wir sie Lautstärke. Innerhalb dieses werden wir lokale Variablen platzieren, die für den globalen Bereich unsichtbar sind, aber für die Zukunft sichtbar sind. untergeordnete Bereich wird eine mit Variable deklarieren und ihm die Zahl 10 und die späte Variable aufsteigend auf dem Wert 10 zuweisen . Als nächstes wird ein Funktionsausdruck erstellen und ihm den Wert einer Funktion zuweisen, die unser untergeordneter Bereich sein wird. Der Codeblock sucht nach der Länge, Breite und Höhe innerhalb seines lokalen Bereichs, und er wird ihn nicht finden. So wird es die Bereichskette hinaufsteigen und die Eltern mit und verlängern und dann eine weitere Ebene der Bereichskette in den globalen Bereich aufsteigen , um den Wert der Höhe zu finden. Nun, wie wir diesen Codeblock beenden, wollen wir den Wert des Volumens der Objektvariablen zurückgeben. Nun, als wir diesen Co-Block beendet haben, wollen wir den Wert des variablen Volumens des Objekts zurückgeben. Auf diese Weise erhalten wir, wie wir unser Funktionsvolumen nennen, unseren Wert. Wie ich im Allgemeinen und realen Leben und Beschichtung sagte, werden Sie nie Volumen wie dieses finden. jedoch Dabei wurdenjedoch Umfang, Bereichskette und verschachtelte Bereiche bei der Arbeit angezeigt . Vielen Dank, dass Sie einen ersten Blick mit mir auf den Funktionsumfang genommen haben und wir sehen uns in unserer nächsten Lektion.