[RUBY] JavaScript-Funktionen

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.

JavaScript-Funktionsdefinition

Es ist eine der Grundkonfigurationen von JavaScript, und dieselbe Verarbeitung wird zusammen definiert und in eine Form gebracht, die viele Male verwendet werden kann. Das Bild einer Methode in Ruby ist eine Funktion in JavaScript. Es gibt zwei Haupttypen von JavaScript-Funktionen. Funktionsdeklarationen und Funktionsausdrücke. wichtiger Punkt JavaScript-Funktionen haben Regeln für Rückgabewerte. Der Rückgabewert muss im Gegenzug angegeben werden.

Funktionsdeklaration

Was unten definiert ist, wird als Funktionsdeklaration bezeichnet.

Funktion Funktionsname(Streit){wird bearbeitet}

Funktionsausdruck

Definieren ohne den Funktionsnamen zu definieren

Variable= function(Streit){wird bearbeitet}

Unterschied zwischen Funktionsdeklaration und Funktionsausdruck

Der Ladezeitpunkt ist unterschiedlich. Funktionsdeklarationen werden zuerst gelesen, Funktionsausdrücke werden nicht zuerst gelesen. Zum Beispiel ** Für Funktionsdeklaration **

good()

function good(){
console.log('good')
}

Die folgende Ausgabe wird fehlerfrei ausgegeben.

good

** Für Funktionsausdrücke **

good()

const good = function(){
console.log('good')
}

Ich erhalte den folgenden Fehler.

Uncaught ReferenceError: good is not defined
    at <anonymous>:1:1

Aus den obigen Ergebnissen wird die Funktionsdeklaration angezeigt, da die definierte Funktion zuerst gelesen wird. Andererseits wird im Fall eines Funktionsausdrucks die definierte Funktion nicht zuerst gelesen, so dass ein Fehler auftritt, dass die Variable nicht definiert ist.

Es gibt drei weitere Arten von Funktionsausdrücken

Funktionsausdrücke können weiter in drei Typen unterteilt werden. (Dies ist auch eine grobe Skizze, es gibt also mehr, wenn Sie sie in kleinere Teile teilen.) ・ Anonyme Funktion ・ Sofortfunktion ・ Pfeilfunktion

Anonyme Funktion

function(Streit){}

Der in beschriebene Ausdruck wird als anonyme Funktion bezeichnet. Können Sie präziseren Code schreiben? ist. Ich habe folgendes verglichen. ** Anonyme Funktion **

const calc = function(num1,num2){
return num1*num2
}

const num1 = 3
const num2 = 4
console.log(calc(num1,num2))

** Funktionsdeklaration **

function calc(){
return num1*num2
}

const num1 = 3
const num2 = 4
console.log(calc(num1,num2))

Ist es in diesem Fall einfacher, eine Funktion zu deklarieren? Ich fragte mich, ob die Beschreibung zu einfach wäre, um einen solchen Unterschied zu machen. Ich konnte es mir auch nicht konkret vorstellen, da es keinen Funktionsnamen gab, deshalb würde ich gerne weiter lernen und es aktualisieren.

Sofortige Funktion

Syntax wird gleichzeitig mit der Definition einer Funktion ausgeführt Sie können sich die Mühe sparen, die Funktion aufzurufen.

(Funktion Funktionsname() {
console.log(num)
})(1)

Durch Platzieren der Funktionsdefinition beginnend mit function in () kann die Funktion sofort ausgeführt werden.

Pfeilfunktion

Eine Syntax, mit der Sie die Funktionsbeschreibung weglassen und die Funktion mit description () => definieren können Ich werde schreiben und vergleichen.

//Anonyme Funktion
Name der const-Variablen= function(){wird bearbeitet}
//Pfeilfunktion
Name der const-Variablen= () => {wird bearbeitet}

Zusammenfassung

Funktionsdefinition Syntax Charakteristisch
Funktionsdeklaration Funktion Funktionsname(Streit){wird bearbeitet} Standardfunktionsdefinition
Funktionsausdruck(Anonyme Funktion) function(Streit){wird bearbeitet} Sie können doppelte Funktionsnamen vermeiden. Wird verwendet, wenn der Code viele Funktionen verwendet.
Funktionsausdruck(Sofortige Funktion) (Funktion Funktionsname(Streit){wird bearbeitet}) Es ist nicht erforderlich, eine separate Funktion zu definieren. Wird verwendet, wenn eine Funktion definiert wird, die nicht umgeleitet werden kann.
Funktionsausdruck(Pfeilfunktion) (Streit) => {wird bearbeitet} Es wird verwendet, wenn Sie die Beschreibung in einer anonymen Funktion oder einer Sofortfunktion weglassen möchten.

Semikolonregeln in JavaScript

Ein Semikolon (;) wird hinzugefügt, um das Ende der Beschreibung anzuzeigen. Grundsätzlich kann es weggelassen werden, aber es scheint, dass die Regeln je nach Entwicklungsstandort variieren. Beim Hinzufügen eines Semikolons ・ Definition von Variablen

const name = "Nako";

· Methode

console.log(name);

・ Funktionsausdruck (anonyme Funktion)

const good = function(){};

・ Funktionsausdruck (Sofortfunktion)

(function good(){})();

・ Funktionsausdruck (Pfeilfunktion)

const good = () => {};

Ohne Semikolon ・ Funktionsdeklaration

function good(){}

・ If-Anweisung

if(true){}els{}

Da das Semikolon von der Entwicklungsstelle abhängt, In der Lernphase scheint es besser, keine sehr feste Idee zu haben.

Zusammenfassung

** In JavaScript gibt es zwei Haupttypen von Funktionsdefinitionen ** ・ Funktionsdeklaration und Funktionsausdruck ・ Der große Unterschied zwischen den beiden ist der Zeitpunkt des Ladens ** Das Vorhandensein oder Fehlen eines Semikolons hängt von der Entwicklungsstelle ab **

Recommended Posts

JavaScript-Funktionen
Javascript AOP
JavaScript-Grundlagen
Anmeldefunktion
SpringMVC-Interceptor-Funktion
Implementierung der DM-Funktion
Manipulation von JavaScript-Arrays
Schienen folgen der Funktion
Kommentarfunktion implementiert
[Rails] Benachrichtigungsfunktion