Heim > Web-Frontend > js-Tutorial > Verständnis und praktische Kombination von JavaScript-Funktionen_Grundkenntnisse

Verständnis und praktische Kombination von JavaScript-Funktionen_Grundkenntnisse

韦小宝
Freigeben: 2017-12-04 13:58:07
Original
1424 Leute haben es durchsucht

Der Herausgeber bringt Ihnen einen Teil der grundlegenden Lehrinhalte über Javascript, über das Training und das Verständnis der Funktionsfunktion in Javascript, wenn Sie sich für Javascript Lasst uns gemeinsam mit unseren Klassenkameraden lernen.

Funktionsfunktionen sind die Grundlage von JavaScript und ein Wendepunkt für die Realisierung von Funktionen. Durch Beispielanalysen vermitteln wir Ihnen ein tieferes Verständnis der Funktionsfunktionen und erklären ihre praktische Verwendung.

Funktion ist tatsächlich ein Objekt, und jede Funktion, die wir definieren, ist tatsächlich eine Instanz des Funktionsobjekts, was auch als Verweis auf eine Instanz des Funktionsobjekts verstanden werden kann.

Da es so ist Eine Instanz der Objektinstanz muss auf eine Referenz vom Funktionstyp zeigen. Da sie auf eine Speicheradresse eines Referenztyps zeigt, können Sie die von uns definierte Funktion auch einfach als Variable verstehen, die auf eine Adresse von a zeigt Referenztyp. Diese Adresse zeigt auf eine Instanz des Funktionsobjekts

Da die von uns definierte Funktion tatsächlich eine Variable ist, kann diese Funktionsinstanzadresse gleichzeitig auf mehrere Variablen verweisen Schauen Sie sich den folgenden Code an:

var add = new Function("n", "m", "return n + m");

Das Obige ist die Standardfunktionsdefinition, die aufruft der

Konstruktor des Funktionsobjekts

, dieser Konstruktor setzt die ersten N Parameter standardmäßig auf die Parameter der neuen

Funktion , bis der letzte Parameter als Funktionskörper der neuen Funktion betrachtet wird. ist aus der obigen Anweisung sehr intuitiv. Sie können sehen, dass die Add-Variable auf eine Instanz des Funktionstyps zeigt, aber diese Benennungsmethode ist sehr umständlich und entspricht:

(1)

Funktionsausdruck


var add=function(n,m){
return n+m;
}
Nach dem Login kopieren

(2) Funktionsdeklaration


function add(n,m){
return n+m;
}
Nach dem Login kopieren

Aufgrund der Vorabdeklaration in der JavaScript-Sprache empfiehlt die erste Ausgabe die Verwendung der zweiten Methode zur Definition von Funktionen. Zur Funktionsdeklaration gibt es einen separaten Artikel

Aber die erste Definitionsmethode ist sehr intuitiv. Da es sich um eine Variable handelt, kann sie anderen Variablen zugewiesen und als Parameter in der Funktion übergeben werden , oder von der Funktion zurückgegeben. var add2=add3=add; Wird verwendet, ohne dass dies beeinträchtigt wird, da „add“ nach dem Entfernen des Verweises auf das Funktionsobjekt keinen Einfluss auf die Funktionen „add2“ und „add3“ hat. Die Funktion kann also als Parameter übergeben werden anderer Funktionen.

So kann die Funktion als Rückgabewert der

Funktion

Return.

Weil der Funktionsname nur eine Variable ist, die auf die Funktionsinstanz zeigt , es wird keine Überladung von Funktionen in JavaScript geben, da dieselbe Variable auf dieselbe Referenzadresse zeigt. Am Ende stellt sie immer noch dieselbe Funktion dar.

Da eine Funktion eine Instanz eines Objekts ist Daher sollten Funktionen in JavaScript über Attribute und Methoden verfügen.

Die vier wichtigeren Attributargumente this, length, prototyp

argumente stellen das Parameterarray der aktuellen Funktion dar. Diese Eigenschaft ist etwas ganz Besonderes. Sie verfügt auch über eine Eigenschaft namens callee. Die Eigenschaft

arguments.callee speichert einen Zeiger, der auf die Funktionsentität mit diesem Argumentattribut zeigt (das dem Funktionsnamen entspricht)

Dieses Attribut ist die aktuelle Umgebung, ähnlich wie in C#, und gibt den aktuellen Kontext an.

Das Längenattribut gibt an, dass die aktuelle Funktion die maximale Anzahl von Parametern erhält.

Der Prototyp repräsentiert Prototyp der Funktion, was bedeutet, dass die Methoden der Objektinstanz vollständig gespeichert werden. Mit anderen Worten, alle Methoden des Prototyps werden vererbt. Zum Beispiel toString() valueOf() usw.

Als nächstes werfen wir einen Blick auf die Funktionstypen

Gewöhnliche Funktionen: Einführung in die Merkmale gewöhnlicher Funktionen: gleichnamige Überschreibungen, Argumentobjekte, Standardrückgabewerte usw.



Anonymfunktion
function ShowName(name) {
 alert(name);
}
Nach dem Login kopieren
: Einführung der Anonymität Merkmale von Funktionen: variable anonyme Funktionen, namenlose anonyme Funktionen.





Verschlussfunktion: Stellen Sie die Merkmale der Verschlussfunktion vor.

//变量匿名函数,左侧可以为变量、事件等
var anonymousNormal = function (p1, p2) {
 alert(p1+p2);
}
anonymousNormal(3,6);//输出9
Nach dem Login kopieren



Verwandte Empfehlungen:

function funA() {
 var i = 0;
 function funB() { //闭包函数funB
  i++;
  alert(i)
 }
 return funB;
}
var allShowA = funA(); //全局变量引用:累加输出1,2,3,4等
 
function partShowA() {
 var showa = funA();//局部变量引用:只输出1
 showa();
}
Nach dem Login kopieren


Erklärung der Wertübergabe für js-Funktionsparameter

Über das Verständnis davon in js-Funktionen

Vertieftes Verständnis der JS-Funktionen Verwendung von Parametern

Das obige ist der detaillierte Inhalt vonVerständnis und praktische Kombination von JavaScript-Funktionen_Grundkenntnisse. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage