Valores 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:
123456function 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
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:
123456789101112131415161718192021222324252627282930313233function 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
En este ejemplo:
productNamees un parámetro obligatorio;quantity,discount,shippingMethod,giftWrapydeliveryDatetienen valores predeterminados y pueden omitirse al llamar a la función;- La función
orderProductrecibe 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!
¡Gracias por tus comentarios!
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
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
Valores 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:
123456function 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
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:
123456789101112131415161718192021222324252627282930313233function 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
En este ejemplo:
productNamees un parámetro obligatorio;quantity,discount,shippingMethod,giftWrapydeliveryDatetienen valores predeterminados y pueden omitirse al llamar a la función;- La función
orderProductrecibe 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!
¡Gracias por tus comentarios!