¿Cómo funciona Math.max.apply ()?

Question 1

¿Cómo Math.max.apply()funciona ?.

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <script>
      var list = ["12","23","100","34","56",
                                    "9","233"];
      console.log(Math.max.apply(Math,list));    
  </script>
</body>
</html>

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/max

El código anterior encuentra el número máximo en la lista. ¿Alguien puede decirme cómo funciona el siguiente código? Parece que funciona si pasonull or Math.

console.log(Math.max.apply(Math,list));

¿Todos user-defined/Native functionstienen el método de llamada y aplicación que podemos usar?

Question 2

applyacepta una matriz y aplica la matriz como parámetros a la función real. Entonces,

Math.max.apply(Math, list);

puede entenderse como,

Math.max("12", "23", "100", "34", "56", "9", "233");

Por lo tanto, applyes una forma conveniente de pasar una matriz de datos como parámetros a una función. Recuerda

console.log(Math.max(list));   # NaN

no funcionará porque maxno acepta una matriz como entrada.

Hay otra ventaja de usar apply, puedes elegir tu propio contexto. El primer parámetro al que pasa applyde cualquier función será el thisinterior de esa función. Pero maxno depende del contexto actual. Entonces, cualquier cosa funcionaría en lugar de Math.

console.log(Math.max.apply(undefined, list));   # 233
console.log(Math.max.apply(null, list));        # 233
console.log(Math.max.apply(Math, list));        # 233

Dado applyque en realidad está definido enFunction.prototype , cualquier objeto de función de JavaScript válido tendrá applyfunción de forma predeterminada.

Question 3

En JavaScript ES6 simplemente use el operador Spread :

var list = ["12","23","100","34","56","9","233"];
console.log(Math.max(...list));
//                   ^^^ Spread operator

Question 4

¿Alguien puede decirme cómo funciona el siguiente código?

Math.max.apply(Math,list)

Invoca una Math.maxfunción con Mathobjeto para utilizarla como thisreferencia en la implementación de la función (cuerpo) y listpasarla como argumentos.

Entonces esto eventualmente equivale a

Math.max("12","23","100","34","56", "9","233")

Parece que funciona si paso null o Math.

Obviamente, la Math.maximplementación no usa la variable de instancia, no hay razón para hacerlo. La implementación nativa simplemente iteraría argumentsy encontraría la máxima.

¿Todas las funciones nativas / definidas por el usuario tienen un método de llamada y aplicación que podemos usar?

Sí, todas las funciones se pueden invocar usando calloapply

Referencias:

.apply()Documentación de MDN (créditos a @RGraham )

Question 5

Comenzaré diciendo Math.max(...numbers)y Function.prototype.apply()solo debería usarse para matrices con relativamente pocos elementos. (...) aplicar fallará o devolverá el resultado incorrecto si la matriz es demasiado grande

Math.max.apply(null | undefined | Math, numbers)es lo mismo que Math.max(...numbers)yo recomendaría Math.max(...numbers)por razones estéticas.

const numbers = [5, 6, 2, 3, 7];

const max = Math.max(...numbers);

console.log('max:', max);
// expected output: 7

const min = Math.min(...numbers);

console.log('min:', min);
// expected output: 2

Expandir fragmento

Si necesita encontrar el elemento máximo en una matriz numérica que es muy grande: use elArray.reduce() método.

Array.reduce() se puede utilizar para encontrar el elemento máximo en una matriz numérica, comparando cada valor:

const numbers = [5, 6, 2, 3, 7];
const getMax = (numbers) => numbers.reduce((a, b) => Math.max(a, b));

const getMin = (numbers) => numbers.reduce((a, b) => Math.min(a, b));
	
const max = getMax(numbers)
const min = getMin(numbers)

console.log('max:', max)
console.log('min:', min)

Expandir fragmento

Conclusión:

Matriz numérica que es relativamente pequeña: use una Math.max(...numbers) matriz numérica que sea muy grande: use el Array.reduce()método

Question 6

Math.max (val1, val2, ...)

Math.max(1, 2, 3); // Math.max([value1[, value2[, ...]]])
value1, value2...son parámetros y deben ser Numbers MDN Math.max

No puede pasar arraycomo Math.maxparámetros. Para pasar una matriz tienes que usar apply.

Aplicar

El primer parámetro de aplicar es this, el segundo es array. Los métodos matemáticos son equivalentes a estáticos en otros lenguajes, lo que significa que no necesita una instancia de objeto a diferencia de, array.prototype.slicepor lo que no necesita pasar thisen este caso.

Ejemplo

var arr = [1, 2, 3];

Math.max(1, 2, 3);  // -> 3
Math.max(arr);      // -> NaN (Not a Number)
Math.max.apply(null, arr);  // Math.max.apply(null, [1, 2, 3]) -> Math.max(1, 2, 3) -> 3

arr.slice(1);  // -> returns Array [2, 3]
Array.prototype.slice.call(arr, 1); // Array.prototype.slice.call([1, 2, 3], 1) == [1, 2, 3].slice(1)

Cuando desee pasar una matriz como parámetro, debe usar apply, de lo contrario, use call.

a pply = a rray
c all = c omma separados
Más sobre llamar y aplicar