Параметры и аргументы

Пока наши функции при каждом вызове делали ровно одно и то же. Гораздо полезнее функция, которая умеет работать с разными данными – например, приветствовать любого, чьё имя ей передали:

greet.jsjs

1function greet(name) {2  console.log(`Привет, ${name}!`);3}45greet('Ира');6greet('Макс');

Консоль

Привет, Ира!

Привет, Макс!

Одно тело – разные приветствия: имя каждый раз приходит из скобок вызова.

Данные для функции

Параметр – имя в круглых скобках объявления. Внутри тела он работает как переменная: значение параметра можно печатать, подставлять в выражения, сравнивать. Отличие от обычной переменной одно: значение не записано в коде заранее – параметр получает его снаружи, при вызове. У greet параметр один – name:

Аргумент – значение в скобках вызова. Именно оно ложится в параметр на время вызова:

double.jsjs

1function double(x) {2  console.log(x * 2);3}45// аргумент – число 21: в x легло 216double(21);7// другой вызов – другой аргумент8double(4);

Консоль

Коротко: параметр – имя в объявлении, аргумент – значение при вызове. Параметр ведёт себя как знакомая локальная переменная: существует только внутри функции. Разница лишь в том, что начальное значение он получает из аргумента при вызове:

Параметр создаётся при каждом вызове

function greet(name) {

Объявление: у greet один параметр – name. Тело пока не выполняется.

console.log(`Привет, ${name}!`);

}

greet('Ира');

greet('Макс');

Объявление: у greet один параметр – name. Тело пока не выполняется.

Вызов: аргумент 'Ира' лёг в параметр name.

Тело собирает строку из значения параметра.

Вызов закончился – name исчез вместе с ним.

Второй вызов: name создан заново, теперь с 'Макс'.

То же тело – другие данные.

Параметр – переменная вызова: создаётся с аргументом и исчезает вместе с вызовом.

Несколько параметров

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

repeat-word.jsjs

1function repeatWord(word, times) {2  for (let i = 1; i <= times; i++) {3    console.log(word);4  }5}67repeatWord('эхо', 3);

Консоль

эхо

Первый аргумент лёг в word, второй – в times: значения раскладываются по порядку.

Если аргументы не совпали с параметрами

А что будет, если передать больше аргументов, чем параметров? Ошибки не случится: первый аргумент попадёт в name, а для второго здесь нет параметра, поэтому функция его не использует:

extra-arg.jsjs

1function greet(name) {2  console.log(`Привет, ${name}!`);3}45// второй аргумент функция здесь не использует6greet('Ира', 'Макс');

Консоль

Привет, Ира!

Меньше – тоже не ошибка. Аргумент не передали? Параметр всё равно будет создан – со значением undefined:

missing-arg.jsjs

1function greet(name) {2  console.log(`Привет, ${name}!`);3}45greet();

Консоль

Привет, undefined!

Печатать «Привет, undefined!» гостю без имени не хочется. Для этой проблемы у объявления есть решение: параметру задают значение по умолчанию – через =. Оно используется, если аргумент не передан или передан undefined:

default.jsjs

1function greet(name = 'гость') {2  console.log(`Привет, ${name}!`);3}45// аргумент есть – в name легло 'Ира'6greet('Ира');7// аргумента нет – в name легло 'гость'8greet();9// передан undefined – в name снова 'гость'10greet(undefined);

Консоль

Привет, Ира!

Привет, гость!

Аргументом может быть выражение

До сих пор мы писали значения прямо в вызове. Но аргументом может быть и переменная, и целое выражение. Сначала JavaScript вычисляет его, а уже полученное значение передаёт функции:

Выражение вычисляется до передачи

function withDelivery(price) {

console.log(price + 300);

}

const basket = 1200;

В переменную basket легло 1200.

withDelivery(basket);

withDelivery(500 + 250);

В переменную basket легло 1200.

Аргумент-переменная: движок берёт её значение.

В вызов ушло значение 1200 – оно и легло в price.

Тело сложило 1200 + 300 и напечатало.

Аргумент-выражение: сначала движок вычисляет его.

Выражение свернулось в 750 – в price легло готовое значение.

То же тело: 750 + 300.

Функция всегда получает готовое значение, а не запись выражения.

// теперь вы знаете

Параметр – имя в объявлении, аргумент – значение при вызове
Параметр – переменная вызова: создаётся заново и живёт только внутри тела
Аргументом может быть переменная или выражение – передаётся вычисленное значение
Аргументы ложатся в параметры по порядку: лишние игнорируются, недостающие дают undefined
name = 'гость' в объявлении – значение по умолчанию для пропущенного аргумента

Проверьте себя

Соотнесите термин и его смысл.

параметр

аргумент

тело

вызов

Почему

параметримя в объявлении функции

аргументзначение при вызове

телокод между фигурными скобками

вызовимя функции со скобками

Параметр – имя в скобках объявления, аргумент – то, что подставили при вызове. Тело выполняется при каждом вызове, а вызов – это имя со скобками: greet('Ира').

В записи greet('Ира') строка 'Ира' – это…

параметр

аргумент

имя функции

тело

Функция печатает оба параметра. Что попало в каждый из них при вызове?

function show(product, price) {
  console.log(product, price);
}
show(150, 'кофе');

product

price

Что окажется в параметре age?

function profile(name, age) {
  console.log(name, age);
}
profile('Ира');

0

null

undefined

ошибка

Что напечатает программа?

function double(x) {
  console.log(x * 2);
}
const n = 5;
double(n + 3);

16

10

13

NaN

Стоимость покупки

Напишите функцию total(price, count), печатающую стоимость: цену, умноженную на количество. Вызовы уже написаны – не меняйте их.

function total(price, count) {
  // одна печать
}

total(90, 3);
total(45, 2);

1function total(price, count) {2  console.log(price * count);3}45total(90, 3);6total(45, 2);7

Два параметра приняли два аргумента по порядку, тело перемножило их и напечатало результат.

Визитка

Напишите функцию intro(name, age), печатающую одну строку вида «Меня зовут Ира, мне 25». Вызов уже написан – не меняйте его.

function intro(name, age) {
  // одна печать с шаблонной строкой
}

intro('Ира', 25);

1function intro(name, age) {2  console.log(`Меня зовут ${name}, мне ${age}`);3}45intro('Ира', 25);6

Два параметра приняли два аргумента по порядку, а шаблонная строка собрала из них фразу.

Объявлено function hello(name = 'друг'), тело печатает «Привет, » и имя. Что напечатает вызов hello()?

Привет, друг

Привет, undefined

ничего – вызов без аргумента невозможен

Привет, name

Пропуск

Напишите функцию pass(name), печатающую строку вида «Пропуск: Ира». Если имя не передали, должно печататься «Пропуск: гость» – задайте параметру значение по умолчанию. Вызовы уже написаны – не меняйте их.

function pass(name) {
  // печать + значение по умолчанию в объявлении
}

pass('Ира');
pass();

1function pass(name = 'гость') {2  console.log(`Пропуск: ${name}`);3}45pass('Ира');6pass();7

Первый вызов принёс аргумент – умолчание не понадобилось. Второй вызов пуст, и в name легло 'гость' из объявления.

Верно ли, что к параметру name можно обратиться и после вызова – снаружи функции?

Предыдущий урокФункции: объявление и вызов Следующий урок return: результат функции

← → переключают уроки · не работают при фокусе в полях ввода