Heim Web-Frontend js-Tutorial Detaillierte Erläuterung der Funktionsdefinition und des Unterschieds zwischen Deklaration und Ausdruck in JavaScript

Detaillierte Erläuterung der Funktionsdefinition und des Unterschieds zwischen Deklaration und Ausdruck in JavaScript

Jul 21, 2017 pm 01:48 PM
javascript js 声明

In js ist eine Funktion tatsächlich ein Objekt. Jede Funktion ist eine Instanz des Funktionstyps und verfügt über dieselben Eigenschaften und Methoden wie andere Referenztypen. Daher ist der Funktionsname tatsächlich ein Zeiger auf das Funktionsobjekt und nicht an eine Funktion gebunden. Zusätzlich zu den beiden gängigen Definitionen (siehe unten) gibt es eine weitere Definition, die dieses Konzept intuitiver widerspiegeln kann:


var sum = new Function("num1", "num2", "return num1 + num2"); //不推荐
Nach dem Login kopieren

Der Funktionskonstruktor kann empfangen beliebig viele Parameter, der letzte Parameter wird jedoch immer als Funktionskörper betrachtet. Ein Nachteil dieser Methode besteht darin, dass der Code zweimal analysiert wird. Beim ersten Mal wird der grundlegende ES-Code analysiert, und beim zweiten Mal wird die an den Konstruktor übergebene Zeichenfolge analysiert . Hier schreiben Es hilft, das Konzept zu verstehen, dass Funktionen in js tatsächlich Objekte sind.

(1) Es gibt kein Konzept der Überladung in js-Funktionen

Wenn es um das Konzept der Überladung geht, vergleichen wir es damit, wie Überladung in Java implementiert wird: In Java In wird eine Methode durch ihre Methodensignatur eindeutig identifiziert. Die Methodensignatur umfasst: Methodenname, Anzahl der Parameter, Parameterreihenfolge und Parametertyp. Wenn also die Methodennamen zweier Methoden gleich sind, andere Signaturelemente jedoch unterschiedlich sind, betrachtet der Compiler sie als zwei verschiedene Methoden, sodass verschiedene Methoden mit demselben Namen vorhanden sein können, um das Konzept der Überladung zu realisieren. (Zitat: Wie man tief verstehen kann, warum es in js keine Überladung gibt – Manxisuos Antwort in Segmentfault).

Wie oben erwähnt, ist der Funktionsname in js tatsächlich ein Zeiger auf das Funktionsobjekt. Daher kann man sagen, dass der Funktionsname der eindeutige Bezeichner einer Funktion ist Daher wird es nicht für zwei Funktionen mit demselben Namen angezeigt (da ein Zeiger nur auf ein Objekt gleichzeitig zeigen kann). Zum Beispiel:


function sum(num1, num2){
return num1 + num2;
}
function sum(num1, num2, num3){
return num1 + num2 + num3;
}
Nach dem Login kopieren

Das Obige kann auch anders geschrieben werden, was intuitiver ist:


var sum = function(num1, num2){
return num1 + num2;
}
sum = function(num1, num2, num3){
return num1 + num2 + num3;
}
Nach dem Login kopieren

Es ist offensichtlich, dass die obige Linie die Summe auf Funktion (num1, num2) und dann auf die Summe auf Funktion (num1, num2, num3) zeigt, was dazu führt, dass der zweite Zeiger den ersten Zeiger überschreibt Es ist offensichtlich, dass es in js kein Konzept der Überladung gibt.

(2) Der Unterschied zwischen Funktionsdeklaration und Funktionsausdruck

Wir wissen, dass es zwei häufig verwendete Methoden zum Definieren von Funktionen gibt: Funktionsdeklaration und Funktionsausdruck.

Funktionsdeklaration kann als die gebräuchlichste Definitionsmethode bezeichnet werden, wie im folgenden Beispiel gezeigt:


function sum(num1, num2){
return num1 + num2;
}
Nach dem Login kopieren

Funktionsausdruck, diese Definitionsmethode wird in Abschlüssen verwendet. Und es wird häufig in einigen Frameworks verwendet, beispielsweise im allgemeinen $scope.doSomething = function(){...} in Angular:


sum = function(num1, num2){
return num1 + num2;
};
Nach dem Login kopieren

Die beiden oben genannten Definitionsmethoden sind fast gleich, es gibt jedoch einen kleinen Unterschied. Schauen Sie sich bitte das folgende Beispiel an:


//函数声明
alert(sum(100, 100));
function sum(num1, num2){
return num1 + num2;
}
//函数表达式
alert(sum(100, 100));
var sum = function(num1, num2){
return num1 + num2;
};
Nach dem Login kopieren

Diese beiden Codeteile sehen so aus: Der Unterschied ist nicht groß, nur die Art und Weise, wie die Funktion definiert ist, ist unterschiedlich. Tatsache ist jedoch, dass der erste Absatz gut funktioniert, der zweite Absatz jedoch einen Fehler auslöst. Dies liegt daran, dass der Parser bereits Funktionsdeklarationen gelesen und zur Ausführungsumgebung hinzugefügt hat, bevor der Code ausgeführt wird, und zwar durch einen Prozess namens „Funktionsdeklarations-Hoisting“. Einfach ausgedrückt: Der Parser platziert die Funktionsdeklaration zunächst oben im Quellbaum. Im folgenden Code befindet sich die Funktion in einer Initialisierungsanweisung (sie wird nicht an die Spitze gesetzt), bevor die Zuweisungsanweisung ausgeführt wird. sum zeigt also nicht auf eine Funktion, sodass ein vorheriger Aufruf der Funktion einen Fehler meldet.

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Funktionsdefinition und des Unterschieds zwischen Deklaration und Ausdruck in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Repo: Wie man Teamkollegen wiederbelebt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

So implementieren Sie ein Online-Spracherkennungssystem mit WebSocket und JavaScript So implementieren Sie ein Online-Spracherkennungssystem mit WebSocket und JavaScript Dec 17, 2023 pm 02:54 PM

So implementieren Sie mit WebSocket und JavaScript ein Online-Spracherkennungssystem. Einführung: Mit der kontinuierlichen Weiterentwicklung der Technologie ist die Spracherkennungstechnologie zu einem wichtigen Bestandteil des Bereichs der künstlichen Intelligenz geworden. Das auf WebSocket und JavaScript basierende Online-Spracherkennungssystem zeichnet sich durch geringe Latenz, Echtzeit und plattformübergreifende Eigenschaften aus und hat sich zu einer weit verbreiteten Lösung entwickelt. In diesem Artikel wird erläutert, wie Sie mit WebSocket und JavaScript ein Online-Spracherkennungssystem implementieren.

Wesentliche Tools für die Aktienanalyse: Lernen Sie die Schritte zum Zeichnen von Kerzendiagrammen mit PHP und JS Wesentliche Tools für die Aktienanalyse: Lernen Sie die Schritte zum Zeichnen von Kerzendiagrammen mit PHP und JS Dec 17, 2023 pm 06:55 PM

Wesentliche Tools für die Aktienanalyse: Lernen Sie die Schritte zum Zeichnen von Kerzendiagrammen in PHP und JS. Mit der rasanten Entwicklung des Internets und der Technologie ist der Aktienhandel für viele Anleger zu einer wichtigen Möglichkeit geworden. Die Aktienanalyse ist ein wichtiger Teil der Anlegerentscheidung, und Kerzendiagramme werden häufig in der technischen Analyse verwendet. Wenn Sie lernen, wie man Kerzendiagramme mit PHP und JS zeichnet, erhalten Anleger intuitivere Informationen, die ihnen helfen, bessere Entscheidungen zu treffen. Ein Candlestick-Chart ist ein technischer Chart, der Aktienkurse in Form von Candlesticks anzeigt. Es zeigt den Aktienkurs

Empfohlen: Ausgezeichnetes JS-Open-Source-Projekt zur Gesichtserkennung und -erkennung Empfohlen: Ausgezeichnetes JS-Open-Source-Projekt zur Gesichtserkennung und -erkennung Apr 03, 2024 am 11:55 AM

Die Technologie zur Gesichtserkennung und -erkennung ist bereits eine relativ ausgereifte und weit verbreitete Technologie. Derzeit ist JS die am weitesten verbreitete Internetanwendungssprache. Die Implementierung der Gesichtserkennung und -erkennung im Web-Frontend hat im Vergleich zur Back-End-Gesichtserkennung Vor- und Nachteile. Zu den Vorteilen gehören die Reduzierung der Netzwerkinteraktion und die Echtzeiterkennung, was die Wartezeit des Benutzers erheblich verkürzt und das Benutzererlebnis verbessert. Die Nachteile sind: Es ist durch die Größe des Modells begrenzt und auch die Genauigkeit ist begrenzt. Wie implementiert man mit js die Gesichtserkennung im Web? Um die Gesichtserkennung im Web zu implementieren, müssen Sie mit verwandten Programmiersprachen und -technologien wie JavaScript, HTML, CSS, WebRTC usw. vertraut sein. Gleichzeitig müssen Sie auch relevante Technologien für Computer Vision und künstliche Intelligenz beherrschen. Dies ist aufgrund des Designs der Webseite erwähnenswert

WebSocket und JavaScript: Schlüsseltechnologien zur Implementierung von Echtzeitüberwachungssystemen WebSocket und JavaScript: Schlüsseltechnologien zur Implementierung von Echtzeitüberwachungssystemen Dec 17, 2023 pm 05:30 PM

WebSocket und JavaScript: Schlüsseltechnologien zur Realisierung von Echtzeit-Überwachungssystemen Einführung: Mit der rasanten Entwicklung der Internet-Technologie wurden Echtzeit-Überwachungssysteme in verschiedenen Bereichen weit verbreitet eingesetzt. Eine der Schlüsseltechnologien zur Erzielung einer Echtzeitüberwachung ist die Kombination von WebSocket und JavaScript. In diesem Artikel wird die Anwendung von WebSocket und JavaScript in Echtzeitüberwachungssystemen vorgestellt, Codebeispiele gegeben und deren Implementierungsprinzipien ausführlich erläutert. 1. WebSocket-Technologie

So implementieren Sie ein Online-Reservierungssystem mit WebSocket und JavaScript So implementieren Sie ein Online-Reservierungssystem mit WebSocket und JavaScript Dec 17, 2023 am 09:39 AM

So implementieren Sie ein Online-Reservierungssystem mit WebSocket und JavaScript. Im heutigen digitalen Zeitalter müssen immer mehr Unternehmen und Dienste Online-Reservierungsfunktionen bereitstellen. Es ist von entscheidender Bedeutung, ein effizientes Online-Reservierungssystem in Echtzeit zu implementieren. In diesem Artikel wird erläutert, wie Sie mit WebSocket und JavaScript ein Online-Reservierungssystem implementieren, und es werden spezifische Codebeispiele bereitgestellt. 1. Was ist WebSocket? WebSocket ist eine Vollduplex-Methode für eine einzelne TCP-Verbindung.

PHP- und JS-Entwicklungstipps: Beherrschen Sie die Methode zum Zeichnen von Aktienkerzendiagrammen PHP- und JS-Entwicklungstipps: Beherrschen Sie die Methode zum Zeichnen von Aktienkerzendiagrammen Dec 18, 2023 pm 03:39 PM

Mit der rasanten Entwicklung der Internetfinanzierung sind Aktieninvestitionen für immer mehr Menschen zur Wahl geworden. Im Aktienhandel sind Kerzendiagramme eine häufig verwendete Methode der technischen Analyse. Sie können den sich ändernden Trend der Aktienkurse anzeigen und Anlegern helfen, genauere Entscheidungen zu treffen. In diesem Artikel werden die Entwicklungskompetenzen von PHP und JS vorgestellt, der Leser wird zum Verständnis des Zeichnens von Aktienkerzendiagrammen geführt und es werden spezifische Codebeispiele bereitgestellt. 1. Aktien-Kerzendiagramme verstehen Bevor wir uns mit dem Zeichnen von Aktien-Kerzendiagrammen befassen, müssen wir zunächst verstehen, was ein Kerzendiagramm ist. Candlestick-Charts wurden von den Japanern entwickelt

Verwendung von JavaScript und WebSocket zur Implementierung eines Echtzeit-Online-Bestellsystems Verwendung von JavaScript und WebSocket zur Implementierung eines Echtzeit-Online-Bestellsystems Dec 17, 2023 pm 12:09 PM

Einführung in die Verwendung von JavaScript und WebSocket zur Implementierung eines Online-Bestellsystems in Echtzeit: Mit der Popularität des Internets und dem Fortschritt der Technologie haben immer mehr Restaurants damit begonnen, Online-Bestelldienste anzubieten. Um ein Echtzeit-Online-Bestellsystem zu implementieren, können wir JavaScript und WebSocket-Technologie verwenden. WebSocket ist ein Vollduplex-Kommunikationsprotokoll, das auf dem TCP-Protokoll basiert und eine bidirektionale Kommunikation zwischen Client und Server in Echtzeit realisieren kann. Im Echtzeit-Online-Bestellsystem, wenn der Benutzer Gerichte auswählt und eine Bestellung aufgibt

Einfaches JavaScript-Tutorial: So erhalten Sie den HTTP-Statuscode Einfaches JavaScript-Tutorial: So erhalten Sie den HTTP-Statuscode Jan 05, 2024 pm 06:08 PM

JavaScript-Tutorial: So erhalten Sie HTTP-Statuscode. Es sind spezifische Codebeispiele erforderlich. Vorwort: Bei der Webentwicklung ist häufig die Dateninteraktion mit dem Server erforderlich. Bei der Kommunikation mit dem Server müssen wir häufig den zurückgegebenen HTTP-Statuscode abrufen, um festzustellen, ob der Vorgang erfolgreich ist, und die entsprechende Verarbeitung basierend auf verschiedenen Statuscodes durchführen. In diesem Artikel erfahren Sie, wie Sie mit JavaScript HTTP-Statuscodes abrufen und einige praktische Codebeispiele bereitstellen. Verwenden von XMLHttpRequest

See all articles