Какое свойство функции возвращает массив аргументов

Объект arguments — это подобный массиву объект, который содержит аргументы, переданные в функцию.

Примечание: Если вы пишите ES6-совместимый код, то лучше использовать rest параметры.

Примечание: “Подобный массиву” означает, что arguments имеет свойство length, а элементы индексируются начиная с нуля. Но при это он не может обращаться к встроенным методам Array, таким как forEach() или map(). Подробнее об этом в §Описании.

The source for this interactive example is stored in a GitHub repository. If you’d like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.

Объект arguments — это локальная переменная, доступная внутри любой (нестрелочной) функции. Объект arguments позволяет ссылаться на аргументы функции внутри неё. Он состоит из переданных в функцию аргументов, индексация начинается с 0. Например, если в функцию было передано 3 аргумента, обратиться к ним можно следующим образом:

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

Аргументам может быть присвоено значение:

arguments[1] = ‘new value’;

Объект arguments не является Array. Он похож на массив, но не обладает ни одним из его свойств, кроме length. Например, у него нет метода pop. Однако он может быть преобразован в обычный массив:

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

const args = Array.from(arguments);
const args = […arguments];

Объект arguments можно использовать при вызове функции с большим количеством аргументов, чем было предусмотрено в её объявлении. Такой способ удобен для функций, в которые допустимо передавать переменное количество аргументов. Можно воспользоваться arguments.length, чтобы определить количество переданных в функцию аргументов, а затем обработать каждый из них с помощью объекта arguments. Чтобы определить количество параметров функции, описанных в её сигнатуре, можно использовать свойство Function.length.

Применение оператора typeof к arguments вернёт ‘object’.

console.log(typeof arguments); // ‘object’

Определение типов аргументов может быть выполнено применением оператора typeof и индексацией.

// выведет тип первого аргумента
console.log(typeof arguments[0]);

Как и с обычными массиво-подобными объектами, для преобразования объекта arguments в обычный массив можно использовать метод Array.from() или оператор расширения:

var args = Array.from(arguments);
var args = […arguments];

Данный пример описывает функцию, которая соединяет несколько строк. Для этой функции объявлен только один аргумент, определяющий символ-разделитель соединяемых элементов. Функция определена следующим образом:

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

Вы можете передать любое количество аргументов в эту функцию. Она создает строку, используя каждый аргумент:

myConcat(“, “, “red”, “orange”, “blue”);

myConcat(“; “, “elephant”, “giraffe”, “lion”, “cheetah”);

myConcat(“. “, “sage”, “basil”, “oregano”, “pepper”, “parsley”);

В данном примере приведена функция, которая создает строку с HTML-разметкой для списка. Единственный ее аргумент – строка, определяющая вид списка: если его значение равно “u”, формируется неупорядоченный (маркированный) список, а если “o”, то упорядоченный (нумерованный):

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

return result;
}

Вы можете использовать любое количество аргументов, а функция добавит каждый элемент в список заданного первым аргументом типа. Например:

var listHTML = list(“u”, “One”, “Two”, “Three”);

Объект arguments может использоваться совместно с оставшимися параметрами, параметрами по умолчанию или деструктурированными параметрами.

function foo(…args) {
return arguments;
}
foo(1, 2, 3);

Тем не менее, в нестрогих функциях соответствие между их аргументами и объектом arguments существует только в том случае, если функция не содержит никаких оставшихся параметров, параметров по умолчанию или деструктурированных параметров. Например, в функции, приведенной ниже, используется параметр по умолчанию, и в данном случае возвращаемый результат будет равен 10, а не 100:

function bar(a=1) {
arguments[0] = 100;
return a;
}
bar(10);

В следующем примере возвращается 100, поскольку здесь нет оставшихся параметров, параметров по умолчанию или деструктурированных параметров:

function zoo(a) {
arguments[0] = 100;
return a;
}
zoo(10);

На самом деле, если оставшиеся параметры, параметры по умолчанию или деструктурированные параметры не используются, формальные аргументы будут ссылаться на последние значения объекта arguments, при считывании значений формальных аргументов будут считаны последние данные из arguments, а при изменении значений формальных аргументов будет обновлен и объект arguments. Пример приведен в коде ниже:

function func(a, b) {
arguments[0] = 90;
arguments[1] = 99;
console.log(a + ” ” + b);
}

func(1, 2);

или

function func(a, b) {
a = 9;
b = 99;
console.log(arguments[0] + ” ” + arguments[1]);
}

func(3, 4);

Но в случае, когда применяются оставшиеся параметры, параметры по умолчанию или деструктурированные параметры, будет обработано нормальное поведение, как в случае параметров по умолчанию:

function func(a, b, c=9) {
arguments[0] = 99;
arguments[1] = 98;
console.log(a + ” ” + b);
}

func(3, 4);