Web-Frontend
js-Tutorial
Verstehen Sie Argumente, Angerufenen und Anrufer und wenden Sie sie in JavaScript an
Verstehen Sie Argumente, Angerufenen und Anrufer und wenden Sie sie in JavaScript an
Argumente
Dieses Objekt repräsentiert die Parameter der ausgeführten Funktion und der Funktion, die sie aufruft.
[function.]arguments[n]
Parameter function: option. Der Name des gerade ausgeführten Funktionsobjekts. n: Option. Der 0-basierte Index des Argumentwerts, der an das Function-Objekt übergeben werden soll.
Erklärung
Argumente ist ein verstecktes Objekt, das zusätzlich zu den angegebenen Parametern beim Aufruf einer Funktion erstellt wird. Argumente sind ein Objekt, das einem Array, aber keinem Array ähnelt. Es ähnelt einem Array, da es über dieselben Zugriffseigenschaften und -methoden wie ein Array verfügt. Auf den Wert des entsprechenden einzelnen Parameters kann über arguments[n] zugegriffen werden. und es hat das Array-Längenattribut Länge. Außerdem speichert das Argumentobjekt die tatsächlich an die Funktion übergebenen Parameter, nicht beschränkt auf die durch die Funktionsdeklaration definierte Parameterliste, und das Argumentobjekt kann nicht explizit erstellt werden. Das Argumentobjekt ist nur am Anfang der Funktion verfügbar.
<html>
<head><title>test-apply&call</title></head>
<body>
<script type="text/javascript">
//<![CDATA[
function ArgTest(a, b){
var i, s = "The ArgTest function expected ";
var numargs = arguments.length;arguments.length即为这个函数调用时所带的参数数量 // 获取被传递参数的数值。 //ArgTest('a','b')：numargs=2， expargs=2
var expargs = ArgTest.length;;ArgTest.length为函数规定的参数数量 // 获取期望参数的数值。//ArgTest('a','b','c')：numargs=3， expargs=2
if (expargs < 2)
s += expargs + " argument. ";
else
s += expargs + " arguments. ";
if (numargs < 2)
s += numargs + " was passed.";
else
s += numargs + " were passed.";
s += "/n/n"
for (i =0 ; i < numargs; i++){ // 获取参数内容。
s += " Arg " + i + " = " + arguments[i] + "/n";;arguments类似数组 可通过arguments[ ]进行取得各个参数值
}
return(s); // 返回参数列表。
}
window.document.write(ArgTest('aaa', 'bbbb','cccc','dddd'));
//]]>
</script>Aufrufer [Aufrufer]
Gibt einen Verweis auf die Funktion zurück, die die aktuelle Funktion aufgerufen hat.
functionName.caller
Das functionName-Objekt ist der Name der ausgeführten Funktion.
Erklärung
Bei Funktionen wird das Aufruferattribut nur definiert, wenn die Funktion ausgeführt wird. Wenn die Funktion von der obersten Ebene aus aufgerufen wird, enthält caller null . Wenn das Caller-Attribut in einem String-Kontext verwendet wird, ist das Ergebnis dasselbe wie functionName.toString, d. h. der dekompilierte Text der Funktion wird angezeigt.
Das folgende Beispiel veranschaulicht die Verwendung des Caller-Attributs: // caller demo {
function callerDemo() {
if (callerDemo.caller) {
var a= callerDemo.caller.toString();
alert(a);
} else {
alert("this is a top function");
}
}
function handleCaller() {
callerDemo();
}handleCaller(), returns function handleCaller() { callerDemo();} [i.e. ) gibt die String-Form der Funktion zurück, die sie aufgerufen hat.] Wenn callerDemo() direkt ausgeführt wird, wird die Funktion Anonymous(){callerDemo(); Gibt das ausgeführte Funktionsobjekt zurück, das den Hauptteil des angegebenen Funktionsobjekts darstellt. Der optionale Funktionsparameter [function.]arguments.callee ist der Name des Funktionsobjekts, das gerade ausgeführt wird. Beachten Sie, dass der Anfangswert des aufgerufenen Attributs das ausgeführte Funktionsobjekt ist. Das aufgerufene Attribut ist ein Mitglied des Arguments-Objekts, das einen Verweis auf das Funktionsobjekt selbst darstellt. Dies ist vorteilhaft für die Rekursion der anonymen Funktion
oder um die rekursive Kapselung der Funktion sicherzustellen berechnet die Summe der natürlichen Zahlen von 1 bis n. Und dieses Attributist nur verfügbar, wenn die zugehörige Funktion ausgeführt wird. Es sollte auch beachtet werden, dass callee ein Längenattribut hat, das manchmal
zur Überprüfung verwendet wird. arguments.length ist die tatsächliche Parameterlänge und arguments.callee.length ist dieformale Parameterlänge. Daraus können Sie beim Aufruf ermitteln, ob die formale Parameterlänge mit der tatsächlichen Parameterlänge übereinstimmt. Beispiel //callee kann sich selbst ausgeben
Die Funktion enthält einen Verweis auf sum selbst. Der Funktionsname ist nur ein Variablenname, der dem Aufruf von
A entspricht Die globale Variable kann nicht gut als sich selbst aufrufende Variable wiedergegeben werden. In diesem Fall wäre die Verwendung von callee eine bessere Methode.
Aufgerufener kann sich selbst drucken
function calleeDemo() {
alert(arguments.callee);
}
//calleeDemo() 就返回calleeDemo() 函数本身的String形式：function calleeDemo() { alert(arguments.callee);}
//用于验证参数
function calleeLengthDemo(arg1, arg2) {
if (arguments.length==arguments.callee.length) {
window.alert("验证形参和实参长度正确！");
return;
} else {
alert("实参长度：" +arguments.length);//实际使用calleeLengthDemo(arg1, arg2)函数所带的参数:calleeLengthDemo('a') 则实参为1
alert("形参长度： " +arguments.callee.length);//calleeLengthDemo(arg1, arg2)函数所定义的参数数:2
}
}
//递归计算
var sum = function(n){
if (n <= 0)
return 1;
else
return n + arguments.callee(n - 1)// arguments.callee调用当前正在执行的函数，即sum本身！
}比较一般的递归函数：var sum = function(n){
if (1==n) return 1;
else return n + sum (n-1);
}调用时：alert(sum(100));
Ihre Funktion besteht darin, die Funktion an ein anderes auszuführendes Objekt zu binden. Sie unterscheiden sich nur in der Art und Weise, wie sie Parameter definieren : apply(thisArg,argArray); call(thisArg[,arg1,arg2...]]);
Das heißt, dem this-Zeiger in allen Funktionen wird thisArg zugewiesen, wodurch die Funktion als Methode ausgeführt werden kann eines anderen Objekts Zweck von
apply Beschreibung Wenn argArray kein gültiges Array oder kein Argumentobjekt ist, wird ein TypeError verursacht.
und es können keine Parameter übergeben werden.
Beschreibung des Aufrufs Die Aufrufmethode ändert den Objektkontext einer Funktion vom Anfangskontext in das durch thisArg angegebene neue Objekt.Wenn kein thisArg-Parameter bereitgestellt wird, wird das globale Objekt als thisArg verwendet. Verwandte Tipps: Es gibt einen weiteren Trick beim Anwenden von call und apply, um eine andere Funktion (Klasse) anzuwenden Funktion (Klasse) verfügt über die Methoden oder Attribute einer anderen Funktion (Klasse), die auch als „Vererbung“ bezeichnet werden kann. Schauen Sie sich das folgende Beispiel an: Demonstration der Vererbung
//Nach dem Aufruf von extension(), window.alert(member)=》dnnsun_Member; window.alert(this.method)=》function (){window.alert(this.menber);}
Wie aus dem obigen Beispiel ersichtlich ist, kann „extend“ nach dem Aufruf die Methoden und Eigenschaften von „base“ erben. Apply wird übrigens im JavaScript-Framework-Prototyp verwendet, um ein Muster zu erstellen, das eine Klasse definiert. Der Implementierungscode lautet wie folgt:
function base() {
this.member = " dnnsun_Member";
this.method = function() {
window.alert(this.member);
}
}
function extend() {
base.call(this);
window.alert(member);
window.alert(this.method);
}-Konstruktor der Klasse, der initialize aufruft, und diese Methode ist die Initialisierungsfunktion, die beim Erstellen der Klasse definiert wird. Auf diese Weise kann
das Beispiel für den Klassenerstellungsmodus im Prototyp implementieren: var Vehicle=Class.create();
var Class = {
create: function() {
return function() {
this.initialize.apply(this, arguments);
}
}
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
1662
14
1419
52
1313
25
1262
29
1235
24
Entmystifizieren JavaScript: Was es tut und warum es wichtig ist
Apr 09, 2025 am 12:07 AM
JavaScript ist der Eckpfeiler der modernen Webentwicklung. Zu den Hauptfunktionen gehören eine ereignisorientierte Programmierung, die Erzeugung der dynamischen Inhalte und die asynchrone Programmierung. 1) Ereignisgesteuerte Programmierung ermöglicht es Webseiten, sich dynamisch entsprechend den Benutzeroperationen zu ändern. 2) Die dynamische Inhaltsgenerierung ermöglicht die Anpassung der Seiteninhalte gemäß den Bedingungen. 3) Asynchrone Programmierung stellt sicher, dass die Benutzeroberfläche nicht blockiert ist. JavaScript wird häufig in der Webinteraktion, der einseitigen Anwendung und der serverseitigen Entwicklung verwendet, wodurch die Flexibilität der Benutzererfahrung und die plattformübergreifende Entwicklung erheblich verbessert wird.
Die Entwicklung von JavaScript: Aktuelle Trends und Zukunftsaussichten
Apr 10, 2025 am 09:33 AM
Zu den neuesten Trends im JavaScript gehören der Aufstieg von Typenkripten, die Popularität moderner Frameworks und Bibliotheken und die Anwendung der WebAssembly. Zukunftsaussichten umfassen leistungsfähigere Typsysteme, die Entwicklung des serverseitigen JavaScript, die Erweiterung der künstlichen Intelligenz und des maschinellen Lernens sowie das Potenzial von IoT und Edge Computing.
JavaScript -Engines: Implementierungen vergleichen
Apr 13, 2025 am 12:05 AM
Unterschiedliche JavaScript -Motoren haben unterschiedliche Auswirkungen beim Analysieren und Ausführen von JavaScript -Code, da sich die Implementierungsprinzipien und Optimierungsstrategien jeder Engine unterscheiden. 1. Lexikalanalyse: Quellcode in die lexikalische Einheit umwandeln. 2. Grammatikanalyse: Erzeugen Sie einen abstrakten Syntaxbaum. 3. Optimierung und Kompilierung: Generieren Sie den Maschinencode über den JIT -Compiler. 4. Führen Sie aus: Führen Sie den Maschinencode aus. V8 Engine optimiert durch sofortige Kompilierung und versteckte Klasse.
JavaScript: Erforschung der Vielseitigkeit einer Websprache
Apr 11, 2025 am 12:01 AM
JavaScript ist die Kernsprache der modernen Webentwicklung und wird für seine Vielfalt und Flexibilität häufig verwendet. 1) Front-End-Entwicklung: Erstellen Sie dynamische Webseiten und einseitige Anwendungen durch DOM-Operationen und moderne Rahmenbedingungen (wie React, Vue.js, Angular). 2) Serverseitige Entwicklung: Node.js verwendet ein nicht blockierendes E/A-Modell, um hohe Parallelitäts- und Echtzeitanwendungen zu verarbeiten. 3) Entwicklung von Mobil- und Desktop-Anwendungen: Die plattformübergreifende Entwicklung wird durch reaktnative und elektronen zur Verbesserung der Entwicklungseffizienz realisiert.
Python vs. JavaScript: Die Lernkurve und Benutzerfreundlichkeit
Apr 16, 2025 am 12:12 AM
Python eignet sich besser für Anfänger mit einer reibungslosen Lernkurve und einer kurzen Syntax. JavaScript ist für die Front-End-Entwicklung mit einer steilen Lernkurve und einer flexiblen Syntax geeignet. 1. Python-Syntax ist intuitiv und für die Entwicklung von Datenwissenschaften und Back-End-Entwicklung geeignet. 2. JavaScript ist flexibel und in Front-End- und serverseitiger Programmierung weit verbreitet.
So erstellen Sie eine SaaS-Anwendung mit mehreren Mietern mit Next.js (Frontend Integration)
Apr 11, 2025 am 08:22 AM
Dieser Artikel zeigt die Frontend -Integration mit einem Backend, das durch die Genehmigung gesichert ist und eine funktionale edtech SaaS -Anwendung unter Verwendung von Next.js. erstellt. Die Frontend erfasst Benutzerberechtigungen zur Steuerung der UI-Sichtbarkeit und stellt sicher, dass API-Anfragen die Rollenbasis einhalten
Von C/C nach JavaScript: Wie alles funktioniert
Apr 14, 2025 am 12:05 AM
Die Verschiebung von C/C zu JavaScript erfordert die Anpassung an dynamische Typisierung, Müllsammlung und asynchrone Programmierung. 1) C/C ist eine statisch typisierte Sprache, die eine manuelle Speicherverwaltung erfordert, während JavaScript dynamisch eingegeben und die Müllsammlung automatisch verarbeitet wird. 2) C/C muss in den Maschinencode kompiliert werden, während JavaScript eine interpretierte Sprache ist. 3) JavaScript führt Konzepte wie Verschlüsse, Prototypketten und Versprechen ein, die die Flexibilität und asynchrone Programmierfunktionen verbessern.
Erstellen einer SaaS-Anwendung mit mehreren Mietern mit Next.js (Backend Integration)
Apr 11, 2025 am 08:23 AM
Ich habe eine funktionale SaaS-Anwendung mit mehreren Mandanten (eine EdTech-App) mit Ihrem täglichen Tech-Tool erstellt und Sie können dasselbe tun. Was ist eine SaaS-Anwendung mit mehreren Mietern? Mit Multi-Tenant-SaaS-Anwendungen können Sie mehrere Kunden aus einem Sing bedienen
