Detaillierte Erklärung der Argumente in js

Wenn wir eine Funktion in js aufrufen, übergeben wir oft einige Parameter an die Funktion. js speichert alle an die Funktion übergebenen Parameter in etwas, das als Argumente bezeichnet wird.

Alles in js ist ein Objekt, sogar Arrays und String-Funktionen sind Objekte. Dieses Ding namens Argumente ist also auch ein Objekt, und es ist ein spezielles Objekt. Sein Attributname basiert auf der Reihenfolge der übergebenen Parameter. Der Attributname des ersten Parameters ist „0“, der Attributname des zweiten Der Parameter ist „1“ usw. und verfügt außerdem über ein Längenattribut, das die Anzahl der aktuell übergebenen Funktionsparameter speichert. Oft nennen wir diese Art von Objekt ein Array-ähnliches Objekt. Array-ähnliche Objekte und Arrays werden beide aus Objekten geboren, aber Arrays sind der ältere Bruder und haben viel mehr Spielzeuge (Methoden) als Array-ähnliche Objekte, die nur die jüngeren Brüder sind, die Arrays sehr ähnlich sehen.

Moment mal, habe ich nicht gerade gesagt, dass Arrays auch Objekte sind? Was ist dieses Array-ähnliche Objekt? Es gibt keine Möglichkeit, js ist so flexibel. Dieses Array-ähnliche Objekt speichert nicht nur die an die Funktion übergebenen Parameter, sondern verfügt auch über einige andere Attribute, die später einzeln besprochen werden.

Da Array-ähnliche Objekte und Arrays viele Gemeinsamkeiten haben, können wir häufig die Call-Methode verwenden, damit das Array-ähnliche Objekt auch einige Methoden des Arrays verwenden kann, was bedeutet, dass der jüngere Bruder die Methode verwenden kann Spielen Sie mit den Spielzeugen seines älteren Bruders, wie zum Beispiel ... , gehen wir nicht zu weit, in diesem Artikel geht es nur um Argumente. Wenn Sie mehr darüber erfahren möchten, wie Objekte Array-Methoden ausleihen, lesen Sie bitte diesen Artikel.

---

Attribute von Argumenten

Als nächstes werfen wir einen Blick darauf, was im Argumentobjekt enthalten ist, ob es sich um ein Maultier oder ein Pferd handelt.

function showargs() {
    console.log( arguments );
}

showargs(1,2,3,4,5);

Als nächstes verwenden wir console.log, um das Argumentobjekt an die Konsole auszugeben. Ich muss hier sagen, dass das Konsolentool von Chrome extrem einfach zu verwenden ist (ich bin nicht hier, um Werbung zu machen).

<br/>

Hier können wir sehen, dass das Argumentobjekt die fünf Parameter speichert, die ich in Form eines Arrays übergeben habe, und außerdem die Anzahl (Länge) der tatsächlichen Parameter speichert, die ich an die Funktion übergeben habe. Und wir können sehen, dass ==_ proto _== der Argumente object auf object zeigt, was auch zeigt, dass es sich um ein Array-ähnliches Objekt und nicht um ein Array handelt.

Wenn wir mit diesem Objekt in Zukunft Funktionen schreiben, müssen wir nicht für alle formalen Parameter Parameternamen angeben und dann Parameter über Parameternamen abrufen. Wir können das Argumentobjekt direkt verwenden, um tatsächliche Parameter zu erhalten Parameter, also ist es nicht viel bequemer?
In einigen Sprachen wird nach der Angabe des Parameternamens für die Funktion beim Aufruf der Funktion beurteilt, ob die aktuell übergebenen Parameter der Anzahl der von der Funktion definierten Parameter entsprechen. Andernfalls liegt ein Fehler vor Es wird gemeldet, aber flexibles js (ich sage nicht, js ist wirklich flexibel) und überprüft nicht, ob die Anzahl der an die Funktion übergebenen Parameter gleich der Anzahl der von der Funktion definierten Parameter ist. Um die Einfachheit des Codes zu demonstrieren, verwenden wir Argumente zum Aufrufen von Parametern, um die Parameternamen verschiedener Funktionen nicht zu verwechseln. Um (die Strenge des Codes) anzugeben, können wir außerdem Argumente verwenden, um zu bestimmen, ob die aktuelle Anzahl der übergebenen Parameter mit der von uns benötigten Anzahl übereinstimmt.

Hier ist ein Beispiel:

function add() {
    if( arguments.length == 2 ){        return arguments[0] + arguments[1];
    }else{        return '传入参数不合法';
    }
}

console.log( add(2,3) );
console.log( add(1,2,3) );

Sehen Sie sich das Ergebnis an:

Schließlich können wir auch sehen, dass es einen weiteren Parameter namens gibt arguments Das Attribut von callee. Dieses Attribut stellt einen Verweis auf die aktuelle Funktion dar. Wenn der in diesem Attribut gespeicherte Code der von uns aufgerufenen Funktion wirklich unverständlich ist, ist es an der Zeit, dass console.log seine Talente zeigt.

function showcallee() {
    var a = '这里是代码';    var b = '这是另一段代码';    var c = a + b;

    console.log(arguments.callee);    return c;
}
showcallee();

Sind Sie genauso schockiert wie ich, wenn Sie das Ergebnis sehen? Ist das nicht der Code, den ich geschrieben habe? Dieser Code der Funktion gibt zurück.

---

Einige wunderbare Verwendungsmöglichkeiten von Argumenten

1. Verwenden Sie Argumente, um eine Überladung von Methoden zu implementieren

Im Folgenden verwenden wir das Argumentobjekt, um a zu implementieren Parameterbeziehung Die Additionsfunktion fügt die übergebenen Parameter hinzu und gibt sie zurück, unabhängig davon, wie viele Parameter übergeben werden.

function add() {
    var len = arguments.length,       
     sum = 0;    
     for(;len--;)
     {        sum += arguments[len];
    }    return sum;
}console.log( add(1,2,3) );  
 //6console.log( add(1,3) );     
 //4console.log( add(1,2,3,5,6,2,7) );   
 //26

Da js eine schwach typisierte Sprache ist und keinen Überladungsmechanismus hat, wird die ursprüngliche Funktion direkt überschrieben. Hier können wir Argumente verwenden, um die eingehenden Operationen zu bestimmen tatsächlichen Parametertyp und -menge und geben dann unterschiedliche Werte zurück.

2. Verwenden Sie arguments.callee, um die Rekursion zu implementieren

Werfen wir zunächst einen Blick darauf, wie wir die Rekursion zuvor implementiert haben

function factorial(num) { 
    if(num<=1) { 
        return 1; 
    }else { 
        return num * factorial(num-1); 
    } 
}

Aber wenn diese Funktion eine anonyme Funktion wird, können wir callee verwenden, um die Funktion zu rekursieren.

function factorial(num) { 
    if(num<=1) { 
        return 1; 
    }else { 
        return num * arguments.callee(num-1); 
    } 
}

这个方法虽然好用，但是有一点值得注意，ECMAScript4中为了限制js的灵活度，让js变得严格，新增了严格模式，在严格模式中我们被禁止不使用var来直接声明一个全局变量，当然这不是重点，重点是arguments.callee这个属性也被禁止了。不过这都不是事儿，ES6为我们新增了很多好用的变量声明方式和新的语法糖，作为一个时髦的前端，我们赶紧学习一些ES6的新语法吧。

相关推荐：

js中arguments.length解析

js函数的调用及有关隐式参数arguments和this的问题

JavaScript arguments 对象详解

Das obige ist der detaillierte Inhalt vonDetaillierte Erklärung der Argumente in js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!