Параметры по умолчанию

@serverSerrverlesskiy

Параметры по умолчанию позволяют задавать параметрам функции⚙️ значения по умолчанию в случае, если функция⚙️ вызвана без аргументов, или если параметру явным образом передано значение undefined.

Teacher

В JavaScript параметры функции⚙️, которым при ее вызове не передаются значения, принимают по умолчанию значение undefined. Однако в некоторых случаях может быть полезно задать иное значение по умолчанию. Именно для таких случаев предназначены параметры по умолчанию.

Синтаксис

book

लाइव एडिटर

function learnJavaScript() {
  const multiply = (a, b = 1) => {
    //Значение по умолчанию у b равно 1
    return a * b
  }
  //Если b будет undefined, то ему присвоится значение по умолчанию
  return multiply(5, 2) // удалите запятую, второй аргумент и получите 5 + 1
}

function learnJavaScript() {
  const multiply = (a, b = 1) => {
    //Значение по умолчанию у b равно 1
    return a * b
  }
  //Если b будет undefined, то ему присвоится значение по умолчанию
  return multiply(5, 2) // удалите запятую, второй аргумент и получите 5 + 1
}

परिणाम

Передача других "ложных" значений

basketball

Если формальному параметру при вызове передано любое значение, отличное от undefined, в том числе одно из "ложных" значений, таких как false , 0, "", '',null, NaN, то в этом случае значение по умолчанию присвоено параметру не будет. В этом случае нужно самому прописывать код который будет отлавливать эти "ложные значения".

Примеры

Math

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

लाइव एडिटर

function learnJavaScript() {
  const greet = (name, greeting, message = greeting + ' ' + name) => {
    return [name, greeting, message]
  }

  return greet('David ', 'Hi ')
}

function learnJavaScript() {
  const greet = (name, greeting, message = greeting + ' ' + name) => {
    return [name, greeting, message]
  }

  return greet('David ', 'Hi ')
}

परिणाम

Пример функции с параметрами по умолчанию и без них :

लाइव एडिटर

function learnJavaScript() {
  const withDefaults = (a = 1, b = 3, c = 2) => {
    //Функция с параметрами по умолчанию
    return [a, b, c]
  }
  const withoutDefaults = (a, b, c) => {
    //Функция без параметров по умолчанию
    if (a == undefined) {
      a = 1
    }
    if (b == undefined) {
      b = 3
    }
    if (c == undefined) {
      c = 2
    }
    return [a, b, c]
  }

  return withDefaults()
}

function learnJavaScript() {
  const withDefaults = (a = 1, b = 3, c = 2) => {
    //Функция с параметрами по умолчанию
    return [a, b, c]
  }
  const withoutDefaults = (a, b, c) => {
    //Функция без параметров по умолчанию
    if (a == undefined) {
      a = 1
    }
    if (b == undefined) {
      b = 3
    }
    if (c == undefined) {
      c = 2
    }
    return [a, b, c]
  }

  return withDefaults()
}