Wie verwende ich ein Argumentobjekt in JavaScript? (Einführung in die Verwendung)

Der Inhalt dieses Artikels befasst sich mit der Verwendung des Argumentobjekts in JavaScript. (Einführung in die Verwendung), es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

arguments ist ein Array-ähnliches Objekt, das den an die Funktion übergebenen Argumenten entspricht.

Syntax

arguments

Beschreibung

Argumentobjekte sind lokale Variablen, die in allen Funktionen verfügbar sind. Sie können das Arguments-Objekt verwenden, um auf die Argumente einer Funktion innerhalb einer Funktion zu verweisen. Dieses Objekt enthält einen Eintrag für jeden an die Funktion übergebenen Parameter, wobei der Index des ersten Eintrags bei 0 beginnt. Wenn einer Funktion beispielsweise drei Argumente übergeben werden, können Sie wie folgt auf diese verweisen:

arguments[0]
arguments[1]
arguments[2]

Parameter können auch festgelegt werden:

arguments[1] = 'new value';

Das Argumentobjekt ist kein Array . Es ähnelt einem Array, verfügt jedoch außer der Länge über keine Array-Eigenschaften. Es gibt beispielsweise keine Pop-Methode. Es kann aber in ein echtes Array konvertiert werden: :

let args = Array.prototype.slice.call(arguments); 
let args = [].slice.call(arguments);

Sie können auch die Methode Array.from() oder den Spread-Operator verwenden, um Argumente in ein echtes Array umzuwandeln:

let args = Array.from(arguments);
let args = [...arguments];

für Parameter Using Slices verhindern Optimierungen in einigen JavaScript-Engines (z. B. der V8-Engine).

Wenn Sie sich für sie interessieren, versuchen Sie, ein neues Array zu erstellen, indem Sie eine Schleife über das Argumentobjekt ausführen.

Ein anderer Ansatz besteht darin, den Array-Konstruktor „ignored/despised/despised,/despised“ als Funktion zu verwenden:

let args = (
arguments.length === 1 ? [arguments[0]] : 
Array.apply(null, arguments)
);

Wenn Array-Generika verfügbar sind, kann alternativ der folgende Code verwendet werden

var args = Array.slice(arguments);

Das Argumentobjekt ist nur innerhalb der Funktion gültig. Der Aufruf des Argumentobjekts außerhalb der Funktion führt zu einem Fehler.

Typ der Argumente gibt „Objekt“ zurück.

console.log(typeof arguments); // 'object'

Sie können den Index verwenden, um den Typ jedes Arguments zu bestimmen.

console.log(typeof arguments[0]); 
//这将返回单个参数的typeof。

Wenn Sie eine Funktion mit mehr Argumenten aufrufen, als sie explizit deklariert, können Sie das Argumentobjekt verwenden. Diese Technik ist für Funktionen mit einer variablen Anzahl von Parametern nützlich. Sie können arguments.length verwenden, um die Anzahl der Argumente abzurufen, und dann das arguments-Objekt verwenden, um jedes Argument zu verarbeiten. (Um die Anzahl der Parameter einer Funktionssignatur zu erhalten, verwenden Sie die Eigenschaft Function.length.)

Eigenschaft

arguments.callee
// 指向当前执行的函数。
arguments.caller 
// 指向调用当前函数的函数。
arguments.length
// 指向传递给当前函数的参数数量。

Beispiel

Definieren Sie eine Funktion zum Verketten mehrerer Zeichenfolgen

Dieses Beispiel definiert eine Funktion zum Verketten von Zeichenfolgen. Das einzige offiziell deklarierte Argument dieser Funktion ist ein String, der ein Zeichen als Verbindungspunkt zum Verketten der Strings angibt. Die Funktion ist wie folgt definiert:

function myConcat(separator) {
  var args = Array.prototype.slice.call(arguments, 1);  
  return args.join(separator);
}

Sie können dieser Funktion eine beliebige Anzahl von Argumenten übergeben und die Funktion erstellt eine Liste mit jedem Argument als Eintrag.

myConcat(", ", "red", "orange", "blue");
// returns "red, orange, blue"
myConcat("; ", "elephant", "giraffe", "lion", "cheetah");
// returns "elephant; giraffe; lion; cheetah"
myConcat(". ", "sage", "basil", "oregano", "pepper", "parsley");
// returns "sage. basil. oregano. pepper. parsley"

Definieren Sie eine Methode zum Erstellen einer HTML-Liste

Dieses Beispiel definiert eine Funktion zum Erstellen einer HTML-Liste aus einer Zeichenfolge. Das einzige offiziell deklarierte Argument dieser Funktion ist ein Zeichen. Wenn der Parameter „u“ ist, wird eine ungeordnete Liste (eine Liste von Elementen) erstellt; wenn der Parameter „o“ ist, wird eine geordnete Liste (eine nummerierte Liste) erstellt. Die Funktion ist wie folgt definiert:

function list(type) {
  var result = "<" + type + "l><li>";
  var args = Array.prototype.slice.call(arguments, 1);
  result += args.join("</li><li>");
  result += "</li></" + type + "l>"; // end list
  return result;
}

Sie können dieser Funktion eine beliebige Anzahl von Argumenten übergeben, und die Funktion fügt jedes Argument als Eintrag zu einer Liste des durch das erste Argument angegebenen Typs hinzu.

var listHTML = list("u", "One", "Two", "Three");
/* listHTML is:
"<ul><li>One</li><li>Two</li><li>Three</li></ul>"
*/

Beachten Sie, dass

Pfeilfunktionen in ES6 keine eigenen arguments-Objekte haben, aber in den meisten Fällen kann der rest-Parameter eine Lösung bieten:

let a;
const fn = (...rest) => Array.prototype.slice.call(rest, 1);
a = fn(1, 2); // [2]

Das obige ist der detaillierte Inhalt vonWie verwende ich ein Argumentobjekt in JavaScript? (Einführung in die Verwendung). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!