El lenguaje de programaci n Javascript tiene muchas herramientas para trabajar con funciones. Una de esas herramientas es la capacidad de pasar argumentos a una funci n. Los argumentos son valores que se pasan dentro de una funci n para realizar ciertas operaciones. Normalmente, los argumentos se declaran al definir una funci n.
Sin embargo, a veces es necesario obtener todos los argumentos de la funci n como una matriz para que se puedan aplicar diferentes operaciones a ellos. Para esto, hay un objeto especial arguments en Javascript. Es una pseudo matriz que contiene todos los argumentos pasados a la funci n.
return result;
}
- console.log(sum(1, 2, 3, 4)); // 10
- console.log(sum(10, 20, 30)); // 60
- En este ejemplo, declaramos una funci n sum sin especificar argumentos. Dentro de la funci n, usamos la pseudomatriz arguments para recorrer todos los argumentos y sumar sus valores. El resultado se devuelve con la instrucci n return.
- El uso del objeto arguments le permite crear funciones que pueden tomar diferentes cantidades de argumentos. Esto es especialmente til para trabajar con una cantidad indefinida de datos cuando no se sabe de antemano Cu ntos argumentos se pasar n a la funci n.
- Extracci n de argumentos de funci n en Javascript: mejores formas y m todos
- Examen:
- 1. Argumentos de funci n y objeto 'arguments':
- 2. Spread-operador:
- 3. Rest-opciones:
- 4. M todo Array.from:
- Uso del objeto arguments
- Uso del operador spread
- Desestructurizaci n de una matriz de argumentos
- Aplicaci n de la funci n Array.from()
Aplicaci n del operador rest
Uso de la funci n call()
- Uso de la funci n apply ()
Pregunta-respuestaC mo obtener una matriz de argumentos de funci n en JavaScript?
C mo convertir una pseudomatriz de argumentos a una matriz de argumentos de funci n en JavaScript?
Es posible en JavaScript pasar un n mero arbitrario de argumentos a una funci n?
Extracci n de argumentos de funci n en Javascript: mejores formas y m todos
- Cuando se trabaja con funciones en Javascript, inevitablemente hay una necesidad de acceder a los argumentos pasados a la funci n. Considere algunas de las mejores formas y m todos para extraer los argumentos de una funci n.
Argumentos a trav s de variables: la forma m s f cil es asignar cada argumento a una funci n a una variable separada. Por ejemplo:function sum(a, b) {
let result = a + b;
console.log(result);
}
suma (5, 10); / / Salida: 15
Argumentos a trav s del objeto de argumentos: En JavaScript, hay un objeto llamado "argumentos" que contiene todos los argumentos pasados a la funci n. Este objeto se puede indexar como una matriz para acceder a cada argumento. Por ejemplo:
function sum() {
- let result = 0;
for (let i = 0; i < arguments.length; i++) {result += arguments[i];
}
console.log(result);
}
sum(5, 10, 15); // Conclusi n: 30
Uso del operador de extensi n: Con el operador " ... " se puede crear una matriz que contenga todos los argumentos de la funci n. Por ejemplo:
function sum(...args) {
- let result = 0;
for (let i = 0; i < args.length; i++) {result += args[i];
}
console.log(result);
}
sum(5, 10, 15); // Conclusi n: 30
Desestructurizaci n de una matriz de argumentos: con la destructuraci n, es posible acceder a cada argumento asign ndolo a una variable separada. Por ejemplo:
function sum([a, b, c]) {
let result = a + b + c;
console.log(result);
}
sum([5, 10, 15]); // Conclusi n: 30
La elecci n de c mo extraer los argumentos depende de los requisitos espec ficos y la estructura de la funci n. Elegir el m todo correcto lo ayudar a trabajar con argumentos en Javascript de manera m s eficiente y flexible.
Examen:
JavaScript es uno de los lenguajes de programaci n m s populares utilizados para el desarrollo de aplicaciones web. Tiene muchas funciones tiles, incluida la capacidad de obtener una matriz de argumentos de funci n pasados cuando se llama. En esta revisi n, veremos varias formas de obtener una matriz de argumentos de funci n en JavaScript.
1. Argumentos de funci n y objeto 'arguments':
JavaScript proporciona un objeto especial 'arguments' disponible dentro de cualquier funci n. Este objeto contiene una lista de todos los argumentos pasados a la funci n y funciona como una matriz. Puede acceder a cada argumento utilizando el ndice del objeto 'argumentos'.
Ejemplo de uso:
function sum(a, b) {
console.log (arguments); / / Imprime todos los argumentos pasados a la funci n
let result = a + b;
return result;
}
sum(5, 10, 15); // Resultados: [5, 10, 15]
2. Spread-operador:
En JavaScript 6 (ES6), se agreg un nuevo elemento sint ctico, el operador spread ( ... ), que le permite extender una matriz, objeto o cadena y usar sus elementos como argumentos de funci n.
Ejemplo de uso:
function sum(a, b, c) {
let result = a + b + c;
return result;
}
let numbers = [1, 2, 3];
console.log(sum(...numbers)); / / Salidas: 6
3. Rest-opciones:
Los par metros Rest son una nueva capacidad de JavaScript 6 (ES6) que le permite especificar un n mero variable de argumentos de una funci n a trav s de un par metro representado por tres puntos (por ejemplo, ...args). El par metro Rest recopila todos los argumentos pasados a la funci n y los presenta como una matriz.
Ejemplo de uso:
function concatenateStrings(...args) {
let result = args.join(" ");
return result;
}
console.log(concatenateStrings("Hello", "world")); // : "Hello world"
console.log(concatenateStrings("I", "love", "JavaScript")); // : "I love JavaScript"
4. Array.from:
Array.from , , . Puede usarlo para convertir un objeto 'arguments' o cualquier otro objeto iterable en una matriz de argumentos de funci n.
Ejemplo de uso:
function sum() {
return result;
En JavaScript, una funci n puede tomar cualquier n mero de argumentos, sin definirlos expl citamente en la funci n en s . Puede usar un objeto para acceder a estos argumentos dentro de una funci n
Objeto
length
que indica el n mero de argumentos.
Uso del objeto
arguments
puede ser til cuando no sabe de antemano Cu ntos argumentos se pasar n a la funci n, o cuando desea crear una funci n que pueda tomar un n mero variable de argumentos.
Puede usar la sintaxis para acceder a argumentos individuales por su ndice
arguments[index]
. La numeraci n de los argumentos comienza con 0. Por ejemplo, el primer argumento tendr a un ndice de 0, el segundo tendr a un ndice de 1, y as sucesivamente.
Ejemplo:
function sum() {
var total = 0;
}
. y resumiendo sus significados. El resultado de una llamada a una funci n con los argumentos 1, 2, 3, 4, 5 ser el n mero 15.
Objeto
arguments
tambi n tiene la propiedad
callee
que hace referencia a la funci n en s , dentro de la cual se llam al objeto
arguments
. Esta propiedad puede ser til cuando necesita llamar a una funci n recursivamente, pero no sabe su nombre.
Ejemplo:
function factorial(n) {
if (n === 0) {
n
usando recursi n. Dentro de la funci n, se llama a la funci n misma usando la propiedad
callee
objeto
arguments. Resultado de la llamada a la funci n
factorial(5)
ser el n mero 120.
Uso del operador spread
El operador spread (tambi n conocido como spread o spread operador) es una forma conveniente de obtener una matriz de argumentos de funci n en JavaScript. Le permite expandir (rociar) un objeto iterable, como una matriz o cadena, dentro de una expresi n.Para usar el operador spread, debe escribir tres puntos antes del objeto iterado. Por ejemplo:
const numbers = [1, 2, 3];
console.log(...numbers);
// Salida: 1 2 3
La instrucci n spread tambi n se puede usar para crear una nueva matriz, agregar elementos a una matriz ya existente o pasar una matriz como argumentos a una funci n:1. Crear una nueva matriz:
const numbers = [1, 2, 3];
const newNumbers = [...numbers, 4, 5];
console.log(newNumbers);
// Conclusi n: [1, 2, 3, 4, 5]2. Agregar elementos a una matriz ya existente:
const numbers = [1, 2, 3];
const newNumbers = [0, ...numbers, 4, 5];
console.log(newNumbers);
// Conclusi n: [0, 1, 2, 3, 4, 5]
3. Pasar una matriz como argumentos a una funci n:
const numbers = [1, 2, 3];
function sum(a, b, c) {return a + b + c;
}
const result = sum(...numbers);
console.log(result);
// Conclusi n: 6
La instrucci n spread tambi n se puede usar con otros objetos iterables, como cadenas u objetos. Cuando se usa con objetos, la instrucci n spread crea un nuevo objeto copiando las propiedades del objeto original:
const obj1 = { a: 1, b: 2 };
const obj2 = { c: 3, ...obj1 };
console.log(obj2);// Salida: {a: 1, b: 2, C: 3 }
El operador spread es una poderosa herramienta que simplifica el trabajo con matrices y objetos. Permite un enfoque m s flexible y eficiente de la programaci n en JavaScript.
Desestructurizaci n de una matriz de argumentos
La desestructuraci n de una matriz de argumentos es un m todo para usar la sintaxis de desestructuraci n en JavaScript para extraer elementos de una matriz de argumentos y asignarlos a variables individuales.
Para usar la desestructuraci n de matriz de argumentos, debe definir una funci n y especificar una matriz de argumentos entre par ntesis. Luego, al declarar variables, puede usar la sintaxis de desestructuraci n, especificando qu elementos de la matriz de argumentos deben extraerse.
- console.log ('n mero M ximo:' + max);
- , que es una matriz.
- e
- getMinMax
llamado con una matriz
[10, 5]
. las l neas aparecen en la consola
N mero m nimo: 10
e
N mero m ximo: 5
.
La desestructuraci n de una matriz de argumentos le permite trabajar con argumentos de funci n de manera m s flexible, extrayendo solo los valores deseados y asign ndoles nombres de variables convenientes.
Aplicaci n de la funci n Array.from()
Funci n Array.from () es un m todo est tico que convierte un objeto similar a una matriz o iterable en una nueva instancia de matriz.
Uno de los usos tiles de la funci n Array.from () es la obtenci n de una matriz de argumentos de funci n. Cuando una funci n acepta un n mero variable de argumentos, se puede usar la funci n Array.from () para convertir argumentos en una matriz.
Ejemplo de uso:
function sum(...args) {
const numbers = Array.from(args);
let total = 0;
for (let number of numbers) {
total += number;
}
return total;
}
const result = sum(1, 2, 3, 4, 5);
console.log(result); // 15
En el ejemplo anterior, la funci n sum () toma un n mero variable de argumentos utilizando la sintaxis del par metro rest (...args). Luego, usando la funci n Array.from (args) los argumentos se convierten en una matriz numbers. A continuaci n, en el bucle for-of, se suman todos los n meros en la matriz y se devuelve el resultado.
Por lo tanto, la funci n Array.from () hace que sea f cil obtener una matriz de argumentos de funci n en JavaScript, lo que puede ser til en muchas situaciones.
Aplicaci n del operador rest
Una forma de obtener una matriz de argumentos de funci n en Javascript es usar una declaraci n rest. El operador rest le permite pasar un n mero variable de argumentos a una funci n y abordarlos como una matriz.
La instrucci n rest se escribe como tres puntos antes del ltimo par metro de la funci n:
function myFunction(arg1, arg2, ...rest) {
// rest - una matriz de todos los dem s argumentos
}
En el ejemplo anterior, arg1 y arg2 son argumentos de funci n normales, mientras que rest es una matriz que contiene todos los dem s argumentos.
Por ejemplo, si llamamos a una funci n con los siguientes argumentos:
myFunction(1, 2, 3, 4, 5);
Entonces rest contendr una matriz [3, 4, 5]. Podemos acceder a los elementos de la matriz rest utilizando los m todos de matriz habituales:
function myFunction(arg1, arg2, ...rest) {
console.log(rest[0]); // 3
console.log(rest.length); // 3
}
El operador rest es til en situaciones en las que queremos manejar un n mero arbitrario de argumentos, por ejemplo, al crear una funci n que sumar todos los argumentos num ricos:
function sum(...numbers) {
let total = 0;
for (let number of numbers) {
total += number;
}
return total;
}
console.log(sum(1, 2, 3)); // 6
console.log(sum(4, 5, 6, 7)); // 22
En este ejemplo, el operador rest le permite pasar un n mero arbitrario de n meros a la funci n suma, y la funci n los sumar todos juntos.
El operador rest tambi n se puede usar junto con otros par metros de funci n:
function multiply(multiplier, ...numbers) {
let total = 1;
for (let number of numbers) {
total *= number;
}
return multiplier * total;
}
console.log(multiply(2, 1, 2, 3)); // 12
console.log(multiply(3, 4, 5)); // 60
- En este ejemplo, el primer argumento multiplicador no est incluido en la matriz rest, y todos los dem s argumentos son elementos de la matriz rest.
- El uso del operador rest permite la creaci n de funciones m s flexibles capaces de manejar diferentes cantidades de argumentos seg n la situaci n espec fica.
Uso de la funci n call()
| La funci n call () es una forma de llamar a una funci n en JavaScript y le permite cambiar el contexto de ejecuci n de la funci n, es decir, el valor de la palabra clave this dentro de la funci n. | La sintaxis de la funci n call() es la siguiente: |
|---|---|
function.call(thisArg, arg1, arg2, ) | |
Donde: | |
thisArg es el valor que se utilizar como contexto de ejecuci n de la funci n. | |
arg1, arg2, ... son los argumentos que se pasar n a la funci n. | |
Usando la funci n call (), es posible acceder a los m todos de un objeto, incluso si no son sus propiedades. Por ejemplo: | C digo |
Resultado
var obj = {name: "John"};
| function sayHello() { | console.log("Hello, " + this.name); |
|---|---|
} | |
sayHello.call(obj); // Hello, John | |
Hello, John | |
En el ejemplo anterior, sayHello () se llama con la funci n call () y se especifica un objeto obj como contexto de ejecuci n. Como resultado, el m todo sayHello() accede a la propiedad name del objeto obj y env a el mensaje correspondiente a la consola. | |
Tambi n, la funci n call() puede ser til cuando se utiliza la herencia en JavaScript. Por ejemplo: | |
C digo |
Resultado
function Animal(name) {
this.name = name;
}
function Cat(name) {
| Animal.call(this, name); |
|---|
| } |
| En este ejemplo, el constructor Cat llama a la funci n Animal usando la funci n call (). Esto le permite heredar las propiedades del objeto Animal en el objeto Cat y usarlas al crear instancias de la clase Cat. |
Por lo tanto, la funci n call() proporciona flexibilidad y control al llamar a funciones en JavaScript, lo que permite establecer expl citamente el contexto de ejecuci n y pasar argumentos a la funci n.
Uso de la funci n apply ()
En JavaScript, la funci n apply () le permite llamar a una funci n con un valor dado this y pasarle argumentos como una matriz.
La sintaxis de la funci n apply() es la siguiente:
apply(thisArg, [argsArray])
thisArg: el Objeto que se usar como el valor de this cuando se llame a la funci n.
argsArray: una Matriz de argumentos que se pasar n a la funci n.
Ejemplo de uso de la funci n apply ():
function sum(a, b) {
return a + b;
}
const numbers = [1, 2];
const result = sum.apply(null, numbers);
console.log (result); / / Mostrar 3
En este ejemplo, la funci n sum () se llama con los argumentos 1 y 2 pasados como una matriz. La funci n apply () hace que cada elemento de la matriz se convierta en un argumento separado de la funci n sum (). Por lo tanto, el resultado de llamar a la funci n sum() ser la suma de los n meros 1 y 2, igual a 3.
El uso de la funci n apply () es especialmente til en los casos en que se debe pasar un n mero inesperado de argumentos a una funci n o cuando los argumentos se almacenan en una matriz.