Comment utiliser l'objet arguments en JavaScript ? (Introduction à l'utilisation)

Le contenu de cet article explique comment utiliser l'objet arguments en JavaScript ? (Introduction à l'utilisation), il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

arguments est un objet de type tableau correspondant aux arguments passés à la fonction.

Syntaxe

arguments

Description

Les objets arguments sont des variables locales disponibles dans toutes les fonctions. Vous pouvez utiliser l'objet arguments pour référencer les arguments d'une fonction dans une fonction. Cet objet contient une entrée pour chaque paramètre passé à la fonction, avec l'index de la première entrée commençant à 0. Par exemple, si une fonction reçoit trois arguments, vous pouvez y faire référence comme suit :

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

Les paramètres peuvent également être définis :

arguments[1] = 'new value';

L'objet arguments n'est pas un tableau . Il est similaire à un tableau, mais n'a aucune propriété de tableau à l'exception de la longueur. Par exemple, il n’a pas de méthode pop. Mais il peut être converti en un vrai tableau : :

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

Vous pouvez également utiliser la méthode Array.from() ou l'opérateur spread pour convertir les arguments en un vrai tableau :

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

L'utilisation de tranches pour les paramètres empêchera les optimisations dans certains moteurs JavaScript (comme le moteur V8).

Si vous vous en souciez, essayez de construire un nouveau tableau en effectuant une boucle sur l'objet arguments.

Une alternative consiste à utiliser le constructeur Array ignoré/méprisé/méprisé/méprisé comme fonction :

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

Si des génériques Array sont disponibles, le code suivant peut être utilisé comme alternative

var args = Array.slice(arguments);

L'objet arguments n'est valide qu'à l'intérieur de la fonction. L'appel de l'objet arguments en dehors de la fonction provoquera une erreur.

le type d'arguments renvoie « objet ».

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

Vous pouvez utiliser l'index pour déterminer le type de chaque argument.

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

Si vous appelez une fonction avec plus d'arguments qu'elle n'en déclare explicitement, vous pouvez utiliser l'objet arguments. Cette technique est utile pour les fonctions avec un nombre variable de paramètres. Vous pouvez utiliser arguments.length pour obtenir le nombre d'arguments, puis utiliser l'objet arguments pour traiter chaque argument. (Pour obtenir le nombre de paramètres d'une signature de fonction, utilisez la propriété Function.length.)

Propriété

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

Exemple

Définir une fonction pour concaténer plusieurs chaînes

Cet exemple définit une fonction pour concaténer des chaînes. Le seul argument officiellement déclaré pour cette fonction est une chaîne, qui spécifie un caractère comme point de jointure pour concaténer les chaînes. La fonction est définie comme suit :

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

Vous pouvez transmettre n'importe quel nombre d'arguments à cette fonction, et la fonction créera une liste avec chaque argument comme entrée.

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"

Définir une méthode pour créer une liste HTML

Cet exemple définit une fonction pour créer une liste HTML à partir d'une chaîne. Le seul argument officiellement déclaré pour cette fonction est un caractère. Lorsque le paramètre est "u", une liste non ordonnée (une liste d'éléments) est créée ; lorsque le paramètre est "o", une liste ordonnée (une liste numérotée) est créée. La fonction est définie comme suit :

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;
}

Vous pouvez transmettre n'importe quel nombre d'arguments à cette fonction, et la fonction ajoutera chaque argument en tant qu'entrée à une liste du type spécifié par le premier argument.

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

Remarque

Les fonctions fléchées dans ES6 n'ont pas leurs propres objets arguments, mais dans la plupart des cas, le paramètre rest peut en recevoir un Solution :

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!