Heim > 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

高洛峰
Freigeben: 2016-12-14 09:59:32
Original
1001 Leute haben es durchsucht

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(&#39;a&#39;,&#39;b&#39;):numargs=2, expargs=2
   var expargs = ArgTest.length;;ArgTest.length为函数规定的参数数量         // 获取期望参数的数值。//ArgTest(&#39;a&#39;,&#39;b&#39;,&#39;c&#39;):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(&#39;aaa&#39;, &#39;bbbb&#39;,&#39;cccc&#39;,&#39;dddd&#39;));
//]]>
</script>
Nach dem Login kopieren

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();
}
Nach dem Login kopieren

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 Attribut

ist 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 die

formale 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(&#39;a&#39;) 则实参为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));
Nach dem Login kopieren
aufrufen und anwenden


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.

Wenn weder argArray noch thisArg bereitgestellt werden, wird das globale Objekt als thisArg verwendet,

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);
}
Nach dem Login kopieren
} Analyse: Aus Code-Sicht. Das Objekt enthält nur eine Methode: Create, die eine Funktion, also eine Klasse, zurückgibt. Dies ist aber auch der

-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);
      }
    }
Nach dem Login kopieren


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