Opciones predeterminadas

@serverSerrverlesskiy

Los parámetros predeterminados permiten que los parámetros de la función⚙️ se establezcan en valores predeterminados si la función⚙️ se llama sin argumentos, o si al parámetro se le pasa explícitamente el valor undefined.

Teacher

En JavaScript, los parámetros de función⚙️ a los que no se les pasa un valor cuando se les llama, por defecto son undefined. Sin embargo, en algunos casos puede ser útil establecer un valor predeterminado diferente. Esto es exactamente para lo que son los ajustes predeterminados.

Sintaxis

book

Editor en vivo

function learnJavaScript() {
  const multiply = (a, b = 1) => {
    // El valor predeterminado de b es 1
    return a * b
  }
  // Si b no está definido, se le asignará un valor predeterminado.
  return multiply(5, 2) // elimine la coma, el segundo argumento y obtenga 5 * 1
}

function learnJavaScript() {
  const multiply = (a, b = 1) => {
    // El valor predeterminado de b es 1
    return a * b
  }
  // Si b no está definido, se le asignará un valor predeterminado.
  return multiply(5, 2) // elimine la coma, el segundo argumento y obtenga 5 * 1
}

Resultado

Video

Pasar otros valores "falsos"

basketball

Si se pasa cualquier valor que no sea undefined al parámetro formal cuando se llama, incluido uno de los valores "falsos" como false , 0, "", '', null, NaN , en este caso, el valor predeterminado no se asignará al parámetro. En este caso, debe escribir el código usted mismo que detectará estos "valores falsos".

Ejemplos

Math

En los parámetros predeterminados, puede usar los valores de los parámetros anteriores (ubicados a la izquierda en la lista):

Editor en vivo

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 ')
}

Resultado

Un ejemplo de una función con y sin parámetros predeterminados :

Editor en vivo

function learnJavaScript() {
  const withDefaults = (a = 1, b = 3, c = 2) => {
    // Función con parámetros por defecto
    return [a, b, c]
  }
  const withoutDefaults = (a, b, c) => {
    // Función sin parámetros predeterminados
    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) => {
    // Función con parámetros por defecto
    return [a, b, c]
  }
  const withoutDefaults = (a, b, c) => {
    // Función sin parámetros predeterminados
    if (a == undefined) {
      a = 1
    }
    if (b == undefined) {
      b = 3
    }
    if (c == undefined) {
      c = 2
    }
    return [a, b, c]
  }

  return withDefaults()
}

Resultado

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

React Native

Большинство компонентов можно настроить при их создании с различными параметрами. Эти параметры создания называются - props. Обратите внимание на то, что в третий компонент HelloWorld мы не передаем name поэтому распечатывается имя john

El uso de name como props nos permite personalizar el componente de saludo para que podamos reutilizar ese componente para cada uno de nuestros saludos. Este ejemplo también usa el componente HelloWorld en JSX. La capacidad de hacer esto es lo que hace que React sea tan genial.

¿Problemas?

Problema

Escribe en Discord o Telegram chat y suscríbete a nuestras noticias

Campamento JavaScript

Preguntas:

Pregunta

Si no se pasa ningún valor a los parámetros de la función⚙️, ¿qué valor toman por defecto?

null
undefined
NaN

¿Los parámetros predeterminados "capturan" valores falsos?

true
false

¿Es posible utilizar los valores de los parámetros ubicados a la izquierda en la lista en los parámetros predeterminados?

true
false

Para comprender cuánto ha aprendido esta lección, realice una prueba en la aplicación móvil de nuestra escuela sobre este tema o en nuestro bot de Telegram.