Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Valores Predeterminados | Funciones
Introducción a TypeScript

bookValores Predeterminados

Otra característica de las funciones en TypeScript es el valor predeterminado de los parámetros. Los valores predeterminados suelen utilizarse junto con parámetros opcionales o en su lugar. Se puede establecer un valor predeterminado para un parámetro, y si no se especifica un valor para ese parámetro al llamar a la función, se inicializará con el valor predeterminado.

Veamos un ejemplo:

123456
function createBankTransaction(amount: number, description: string = "No description provided") { console.log(`Transaction: ${description}, Amount: $${amount}`); } createBankTransaction(100); // No description provided: Transaction: No description provided, Amount: $100 createBankTransaction(200, "Deposit"); // With provided description: Transaction: Deposit, Amount: $200
copy

Este es el ejemplo más sencillo de una función para realizar transacciones bancarias. Esta función nos proporcionará una notificación con el monto de la transacción y su descripción.

No siempre los usuarios desean proporcionar descripciones para sus transacciones, por lo que este campo es opcional. Como puedes observar, para especificar un valor predeterminado que indique que no hay descripción para la transacción, utilizamos el signo igual y el valor que queremos asignar por defecto. Por lo tanto, si este parámetro no se define al llamar a la función, se utilizará el valor predeterminado. Veamos nuevamente la sintaxis:

function funcName(optionalParam?: dataType, defaultParam: dataType = 'value', parameter: dataType) {
// some code
 }

Además, cabe destacar que puedes utilizar cualquier cantidad de parámetros diferentes en las funciones. Puedes usar 2 parámetros opcionales, 31 parámetros con valor por defecto, o incluso 792 parámetros regulares. No recomendaría usar más de 792 parámetros, o la gente podría mirarte con desaprobación. Veamos un ejemplo similar:

123456789101112131415161718192021222324252627282930313233
function orderProduct(productName: string, quantity: number = 1, discount?: number, shippingMethod = "Standard", giftWrap = false, deliveryDate = "Tomorrow"): void { let totalCost = 0; // Calculate the product cost let basePrice = 100; // Cost per unit of the product if (discount !== undefined) { basePrice -= discount; } totalCost = basePrice * quantity; // Add shipping cost if (shippingMethod === "Express") { totalCost += 10; } // Add gift wrapping cost if (giftWrap) { totalCost += 5; } console.log(`Order Details: Product: ${productName} Quantity: ${quantity} Shipping Method: ${shippingMethod} Gift Wrap: ${giftWrap} Delivery Date: ${deliveryDate} Total Cost: $${totalCost}`); } // Function call examples: orderProduct("Laptop"); // Defaults to 1 unit, standard shipping, no discount, no gift wrapping orderProduct("Smartphone", 2, 20, "Express", true); // Order 2 smartphones with a 20% discount, express shipping, and gift wrapping orderProduct("Headphones", 3, undefined, "Standard", false, "Next week"); // Order 3 headphones with no discount, standard shipping, and delivery next week
copy

En este ejemplo:

  • productName es un parámetro obligatorio;
  • quantity, discount, shippingMethod, giftWrap y deliveryDate tienen valores predeterminados y pueden omitirse al llamar a la función;
  • La función orderProduct recibe parámetros, calcula e imprime el costo total de un pedido y sus detalles.

Este ejemplo muestra cómo los parámetros opcionales y predeterminados pueden utilizarse para crear funciones flexibles con diversos escenarios de uso.

El código resultó ser bastante extenso, pero espero que demuestre cómo funcionan los parámetros en las funciones. Si comprendiste todo, ¡vas muy bien!

question mark

¿Cuál es el propósito de usar parámetros predeterminados en una función de TypeScript?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 5. Capítulo 5

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Suggested prompts:

Can you explain the difference between optional and default parameters in TypeScript?

What happens if I provide only some of the parameters when calling these functions?

Can you show more examples of using default and optional parameters together?

Awesome!

Completion rate improved to 2.94

bookValores Predeterminados

Desliza para mostrar el menú

Otra característica de las funciones en TypeScript es el valor predeterminado de los parámetros. Los valores predeterminados suelen utilizarse junto con parámetros opcionales o en su lugar. Se puede establecer un valor predeterminado para un parámetro, y si no se especifica un valor para ese parámetro al llamar a la función, se inicializará con el valor predeterminado.

Veamos un ejemplo:

123456
function createBankTransaction(amount: number, description: string = "No description provided") { console.log(`Transaction: ${description}, Amount: $${amount}`); } createBankTransaction(100); // No description provided: Transaction: No description provided, Amount: $100 createBankTransaction(200, "Deposit"); // With provided description: Transaction: Deposit, Amount: $200
copy

Este es el ejemplo más sencillo de una función para realizar transacciones bancarias. Esta función nos proporcionará una notificación con el monto de la transacción y su descripción.

No siempre los usuarios desean proporcionar descripciones para sus transacciones, por lo que este campo es opcional. Como puedes observar, para especificar un valor predeterminado que indique que no hay descripción para la transacción, utilizamos el signo igual y el valor que queremos asignar por defecto. Por lo tanto, si este parámetro no se define al llamar a la función, se utilizará el valor predeterminado. Veamos nuevamente la sintaxis:

function funcName(optionalParam?: dataType, defaultParam: dataType = 'value', parameter: dataType) {
// some code
 }

Además, cabe destacar que puedes utilizar cualquier cantidad de parámetros diferentes en las funciones. Puedes usar 2 parámetros opcionales, 31 parámetros con valor por defecto, o incluso 792 parámetros regulares. No recomendaría usar más de 792 parámetros, o la gente podría mirarte con desaprobación. Veamos un ejemplo similar:

123456789101112131415161718192021222324252627282930313233
function orderProduct(productName: string, quantity: number = 1, discount?: number, shippingMethod = "Standard", giftWrap = false, deliveryDate = "Tomorrow"): void { let totalCost = 0; // Calculate the product cost let basePrice = 100; // Cost per unit of the product if (discount !== undefined) { basePrice -= discount; } totalCost = basePrice * quantity; // Add shipping cost if (shippingMethod === "Express") { totalCost += 10; } // Add gift wrapping cost if (giftWrap) { totalCost += 5; } console.log(`Order Details: Product: ${productName} Quantity: ${quantity} Shipping Method: ${shippingMethod} Gift Wrap: ${giftWrap} Delivery Date: ${deliveryDate} Total Cost: $${totalCost}`); } // Function call examples: orderProduct("Laptop"); // Defaults to 1 unit, standard shipping, no discount, no gift wrapping orderProduct("Smartphone", 2, 20, "Express", true); // Order 2 smartphones with a 20% discount, express shipping, and gift wrapping orderProduct("Headphones", 3, undefined, "Standard", false, "Next week"); // Order 3 headphones with no discount, standard shipping, and delivery next week
copy

En este ejemplo:

  • productName es un parámetro obligatorio;
  • quantity, discount, shippingMethod, giftWrap y deliveryDate tienen valores predeterminados y pueden omitirse al llamar a la función;
  • La función orderProduct recibe parámetros, calcula e imprime el costo total de un pedido y sus detalles.

Este ejemplo muestra cómo los parámetros opcionales y predeterminados pueden utilizarse para crear funciones flexibles con diversos escenarios de uso.

El código resultó ser bastante extenso, pero espero que demuestre cómo funcionan los parámetros en las funciones. Si comprendiste todo, ¡vas muy bien!

question mark

¿Cuál es el propósito de usar parámetros predeterminados en una función de TypeScript?

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 5. Capítulo 5
some-alt