[RUBY] JavaScript-Übersicht und grundlegende Syntax

Annahme
Ich habe gerade mit dem Programmieren begonnen(1~Zwei Monate)Es fasst zusammen, was ich gelernt habe.
Es kann Dinge geben, die nicht funktionieren, oder Fehler auf dem tatsächlichen Gebiet.
Wenn Sie es bemerken, lassen Sie es uns bitte in den Kommentaren wissen.

Was kann JavaScript?

JavaScript war ein Wort, das ich gehört hatte, obwohl ich überhaupt keine Programmierkenntnisse hatte. Und ich wusste nicht einmal, dass es eine Programmiersprache ist, bis ich anfing, Programmieren zu lernen.

Was ist JavaScript? Und was kannst du tun?

Was ist Javascript? JavaScript ist die Hauptsprache auf der Clientseite Sie können die Benutzerfreundlichkeit der Anwendung im Browser und das Senden von Anforderungen festlegen

Beispiele für bestimmte Rollen

-Schalten Sie die Bildschirmanzeige ohne Seitenübergang Mechanismus der dynamischen Bewegung, wenn der Cursor platziert wird Wenn Sie den Cursor auf das globale Menü oben auf der Webseite bewegen, werden Elemente angezeigt. · Werte vom Server abrufen, ohne den Bildschirm zu aktualisieren Wenn Sie auf Twitter auf "Gefällt mir" klicken, können Sie die Anzahl auf diesem Bildschirm erhöhen oder verringern, ohne die Seite zu aktualisieren.

Wie verwende ich JavaScript?

Sie können mit Entwicklertools (Entwicklertools, Überprüfungstools) entwickeln, die angezeigt werden, sobald Sie Code in JavaScript ausführen. Es ist wie irb in Ruby.

Wie benutzt man

Klicken Sie mit der rechten Maustaste auf den Browser und wählen Sie Bestätigung (Sie können ihn auch mit der Befehlsoption c starten). In Elemente wird das HTML-CSS geschrieben JavaScript-Code kann auf der Registerkarte Konsole ausgeführt werden

Informationen zur Variablendefinition

In JavaScript müssen Variablen mit var, const und let definiert werden. var Neudefinition, neu zuweisbare Schrift (nicht oft verwendet) const So definieren Sie eine Variable, die nicht umgeschrieben werden kann (der Wert ändert sich nicht) Kann nicht neu zugewiesen oder neu definiert werden Lassen Sie umschreibbare Variablen (diejenigen, deren Werte sich ändern) Eine Neuzuweisung ist möglich, eine Neudefinition ist jedoch nicht möglich

Warum const, let oft verwendet werden und var nicht verwendet wird

Lassen Sie uns über den Fall der Teamentwicklung in der Psychologie der Person nachdenken, die den Code liest. ** Wenn durch var definiert **

var sample = "Hallo"

sample = "Guten Morgen"
//Neuzuweisung OK
var sample = "Guten Abend"
//Neudefinition OK

var ist eine wiederbeschreibbare Variablendefinitionsmethode, mit der Variablen neu definiert und neu zugewiesen werden können. Ändert sich der definierte Wert unterwegs? Beeinflusst die Änderung andere Funktionen? Es wird nicht oft verwendet, da es nicht möglich ist, den Inhalt des Codes visuell zu verstehen. Dies liegt daran, dass Sie nicht verstehen, wie mit Variablen umgegangen wird, ohne den gesamten Code zu lesen. ** Wenn durch let definiert, const **

const sample = "Hallo"

sample = "Guten Morgen"
//Neuzuweisung NG-Fehler wird angezeigt.
const sample = "Guten Abend"
//Ich erhalte einen NG-Fehler zur Neudefinition.
let sample = "Hallo"

sample = "Guten Morgen"
//Neuzuweisung OK Der Wert ändert sich als guten Morgen.
let sample = "Guten Abend"
//Neuzuweisung NG-Fehler wird angezeigt.

** const ** kann nicht neu definiert oder neu zugewiesen werden. ** let ** kann nicht neu definiert, sondern neu zugewiesen werden. Sie können sehen, dass const ein Wert ist, den die Variable und ihr Wert in Zukunft nicht ändern werden, das heißt, er sollte nicht geändert werden. let Von nun an können Sie sehen, dass sich der zugewiesene Wert aufgrund einer Neuzuweisung ändert. Es ist ein großer Vorteil, dass Sie auf einen Blick sehen können, wie hoch der Wert der Variablen auch hier ist.

Über Neudefinition und Neuzuweisung

Ist es nicht dasselbe wie neu definieren und neu zuweisen? Hast du nicht gedacht? Ich bin das Gleiche! Neudefinition und Neuzuweisung ändern nur den Wert im Inneren, oder? Neudefinition Ist es nicht in Ordnung, var anstelle von let zu verwenden, da sich der Wert mit der Neuzuweisung ändert, ohne sich darum zu kümmern? Ich dachte auch. Der klare Unterschied zwischen den beiden besteht darin, ob sie neu definiert werden können. Die Neudefinition kann unwissentlich definiert werden, ohne bei Bewusstsein zu sein. Was ist, wenn Sie den Variablennamen vergessen, den Sie beim ersten Schreiben des Codes für einen ähnlichen Prozess definiert und beim Schreiben einer anderen versehentlich dieselbe Variable verwendet haben? Die erste Variable wird unbeabsichtigt geändert. Wenn Sie let verwenden, können Sie daher sicher sein, dass ein Fehler auftritt, auch wenn Sie ihn versehentlich neu definieren.

So fügen Sie Variablen in eine Zeichenfolge ein

Es gibt zwei Methoden ・ Verwenden Sie +, um jeden Wert zu verketten · Verwenden Sie Vorlagenliterale Was ist ein Vorlagenliteral? Möglichkeit zum Einfügen von Variablen in Zeichenfolgen durch Einfügen in Anführungszeichen (Umschalt + @) in der JavaScript-Syntax

Was Sie mit Vorlagenliteralen tun können </ strong>

Variablen können in Zeichenfolgen eingebettet werden
Sie können einen Zeilenumbruch einfügen
Sie können HTML-Elemente erstellen

Beispiel


const name = "nako"
const age = "29"

//+Beim Verbinden mit
const introduction = "mein Name ist" + name + "、" + age + "Ich bin alt."
console.log(introduction)
Mein Name ist Nako, 29 Jahre alt.

//Beim Verbinden mit Vorlagenliteral
const introduction = "mein Name ist${name}、${age}Ich bin alt."
console.log(introduction)
Mein Name ist Nako, 29 Jahre alt.

Das Schreiben in Vorlagenliteralen reduziert den Umfang der Beschreibung.

Bedingte Verzweigungsmethode

if-Anweisung

if(1){
Verarbeitung wenn wahr
}else if(2){
1 falsch 2 Verarbeitung wenn wahr
} else{
1,2 Verarbeitung, wenn beide falsch sind
}

Der bedingte Ausdruck ist in () eingeschlossen Die Verarbeitung in {} wird ausgeführt. Beschreiben Sie mehrere Bedingungen mit else if.

So erhalten Sie die Elemente eines Arrays

const list = [] Definiert ein Array console.log (Liste) Ruft das gesamte Array ab console.log (list [2]) Der Wert, der 2 des Elements des Arrays entspricht, kann abgerufen werden (er beginnt wie rubin bei 0, ist also in diesem Fall das 3. Element).

Iterative Verarbeitung

Zur iterativen Verarbeitung von JavaScript zur Aussage forEach () Funktion es gibt. Die for-Anweisung ähnelt der times-Methode in Ruby, und forEach ähnelt jeder Methode.

zur Aussage

In JavaScript wird bei der iterativen Verarbeitung die Anweisung verwendet für ([Initialisierungsausdruck]; [Bedingter Ausdruck]; [Zusätzlicher Ausdruck]) { Wiederholte Verarbeitung }

Initialisierungsformel Definieren Sie die in der for-Anweisung verwendeten Variablen. Auf diese Variable wird jetzt verwiesen, um zu bestimmen, wie oft sie verarbeitet wurde. Bedingter Ausdruck Gibt an, wie oft die Verarbeitung von for-Anweisungen wiederholt wird. Die Verarbeitung wird fortgesetzt, solange der Rückgabewert dieses bedingten Ausdrucks wahr ist Additionsformel Sie können die Zunahme / Abnahme der als Initialisierungsausdruck definierten Variablen beschreiben. Wenn i = i + 1, wird jede Woche 1 hinzugefügt und der Prozess ausgeführt. i = i + 1 i + = 1 i ++ haben alle die gleiche Bedeutung

Prozessablauf (1) Definieren Sie Variablen in der Initialisierungsformel. (Diese Variable wird verwendet, um zu bestimmen, wie oft sie verarbeitet wird.) (2) Wenn der bedingte Ausdruck wahr ist, verarbeiten Sie ihn. (3) Nach der Verarbeitung wird die Additionsformel durchgeführt. ④ Wenn der bedingte Ausdruck wahr ist, kehrt er zu zurück und wiederholt sich, bis er falsch wird. Zusammenfassung Definieren Sie Variablen für die Wiederholung in der Initialisierungsformel Definieren Sie die Bedingung für die Wiederholung im bedingten Ausdruck (beschreiben Sie, wie oft wiederholt werden soll). Nach der Verarbeitung wird die Variable durch die Additionsformel verarbeitet und die Verarbeitung von Anfang an erneut durchgeführt. Der Vorgang wird wiederholt, bis der bedingte Ausdruck nicht mehr erfüllt ist. (Der bedingte Ausdruck ist ein Ausdruck, der die Bedingungen zum Bestimmen der Anzahl der Wiederholungen beschreibt.)

Eine Funktion, die über ein Array iteriert

In Ruby verwendet jede Methode die Funktion forEach in JavaScript, um die iterative Verarbeitung eines Arrays zu beschreiben. ** für jede Funktion ** Funktion (Methodenbild), die beim Iterieren über jedes im Array gespeicherte Element verwendet wird Array .forEach (Funktion (Wert) { wird bearbeitet }) Funktion ist eine Funktion value ist ein Element des Arrays In diesem Fall wird das Argument jedes Mal durch das Element ersetzt, wenn der Index 0 bis zum letzten Element wiederholt wird. Da ist es schwer zu verstehen, ein konkretes Beispiel

animals = ["dog", "cat", "bird"]
animals.forEach( function(item) {
console.log(item)
})

dog
cat
bird

Wird ausgegeben.

Alle Elemente im Tierarray werden in der Reihenfolge von der Funktion forEach mit item als Argument übergeben.

Zusammenfassung

・ Was kann JavaScript? Anzeige und Wertaktualisierung ohne Aktualisierung Menüanzeige und Twitter gefällt ・ Verwendung von JavaScript JavaScript-Code kann in der Überprüfungskonsole ausgeführt werden Es gibt drei Arten von Variablendefinitionen: Neudefinition und Neuzuweisungsverfügbarkeit: var const let Die iterative Verarbeitung hat zwei Muster für die Anweisung und für jede Funktion In Ruby ist die for-Anweisung das Bild der Zeit und für Each das Bild eines jeden.

Recommended Posts

JavaScript-Übersicht und grundlegende Syntax
Grundlegende Java-Grammatik
Grundlegende Java-Grammatik
Grundlegende Java-Grammatik
Über Android grundlegende Grammatik
Grundlegende Bediener und Operationen
Basisdatentyp und Referenztyp
Ruby-Methoden und -Klassen (grundlegend)
[Java] Grundtypen und Anweisungshinweise
Grundlegende Datentypen und Referenztypen (Java)
TCP: Grundprinzipien und Anwendungsarchitektur
Java-Basisdatentypen und Referenztypen
[Java] Ausnahmetypen und grundlegende Verarbeitung