Как работает Math.max.apply ()?

Question 1

Как Math.max.apply()работает ?.

<!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

Приведенный выше код находит максимальное число в списке. Может ли кто-нибудь сказать мне, как работает приведенный ниже код ?. Кажется, это работает, если я пройдуnull or Math.

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

Есть ли у всех метод user-defined/Native functionsвызова и применения, который мы можем использовать?

Question 2

applyпринимает массив и применяет его в качестве параметров к фактической функции. Так,

Math.max.apply(Math, list);

можно понимать как,

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

Итак, applyэто удобный способ передать массив данных в качестве параметров функции. Помните

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

не будет работать, потому maxчто не принимает массив в качестве входных данных.

Есть еще одно преимущество использования apply: вы можете выбрать свой собственный контекст. Первый параметр, который вы передаете applyлюбой функции, будет thisвнутри этой функции. Но maxне зависит от текущего контекста. Таким образом, все будет работать вместо 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

Поскольку applyфактически определено вFunction.prototype , любой допустимый объект функции JavaScript applyпо умолчанию будет иметь функцию.

Question 3

В JavaScript ES6 просто используйте оператор Spread :

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

Question 4

Может ли кто-нибудь сказать мне, как работает приведенный ниже код?

Math.max.apply(Math,list)

Вызывает Math.maxфункцию с Mathобъектом, который будет использоваться в качестве thisссылки в реализации функции (теле) иlist передаваться в качестве аргументов.

Таким образом, это в конечном итоге равно

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

Кажется, это работает, если я передаю null или Math.

Очевидно, что Math.maxреализация не использует переменную экземпляра - для этого нет причин. Собственная реализация просто перебирает argumentsи находит максимальное значение.

Все ли пользовательские / собственные функции имеют метод call и apply, который мы можем использовать?

Да, каждую функцию можно вызвать с помощью callилиapply

Рекомендации:

.apply()Документация MDN (кредиты @RGraham )

Question 5

Я начну с того , Math.max(...numbers)и Function.prototype.apply()должны использоваться только для массивов с относительно небольшим числом элементов. (...) и apply либо завершится ошибкой, либо вернет неправильный результат, если массив слишком велик

Math.max.apply(null | undefined | Math, numbers)то же самое, что Math.max(...numbers)я бы рекомендовал Math.max(...numbers)по эстетическим соображениям.

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

Развернуть фрагмент

Если вам нужно найти максимальный элемент в числовом массиве, который очень велик: используйте Array.reduce()метод.

Array.reduce() может использоваться для поиска максимального элемента в числовом массиве путем сравнения каждого значения:

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)

Развернуть фрагмент

Заключение:

Относительно небольшой числовой массив: используйте Math.max(...numbers) числовой массив: используйте очень большой числовой массив: используйте Array.reduce()метод

Question 6

Math.max (значение1, значение2, ...)

Math.max(1, 2, 3); // Math.max([value1[, value2[, ...]]])
value1, value2...являются параметрами и должны быть числами MDN Math.max

Вы не можете передавать в arrayкачестве Math.maxпараметров. Чтобы передать массив, вы должны использоватьapply .

Применять

Первый параметр apply - thisэто второй array. Математические методы эквивалентны статическим в других языках, что означает, что в отличие от них не требуется экземпляр объекта, array.prototype.sliceпоэтому вам не нужно передаватьthis в этом случае .

пример

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)

Если вы хотите передать массив в качестве параметра, который вы должны использовать apply, в противном случае используйте call.

a pply = a rray
c all = c omma separated
Подробнее о вызове и применении