No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Adquiere por un año todos los cursos, escuelas y certificados por un precio especial.

Antes: $249

Currency
$219/año

Paga en 4 cuotas sin intereses

Paga en 4 cuotas sin intereses
Comprar ahora

Termina en:

1D
11H
12M
48S
Curso Práctico de JavaScript

Curso Práctico de JavaScript

Juan David Castro Gallego

Juan David Castro Gallego

Funciones

4/29
Recursos

Aportes 127

Preguntas 9

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

o inicia sesión.

Función, parámetros y argumentos.

Espero que sirva

Como se hace para tener la energía de JuanDC todo el tiempo jajajajja

La pregunta es ¿Qué es una función? lo que Juan responde es ¿Para que sirve una función? entonces ¿Qué es realmente una función?

Una función en JavaScript es similar a un procedimiento — un conjunto de instrucciones que realiza una tarea o calcula un valor, pero para que un procedimiento califique como función, debe tomar alguna entrada y devolver una salida donde hay alguna relación obvia entre la entrada y la salida

Me causa conflicto el término "variable constante".
  • Corchete [ ]
  • Llaves { }
  • Paréntesis ( )

Funciones

1️.Responde las siguientes preguntas en la sección de comentarios:
¿Qué es una función?

  • Las funciones nos permiten guardar bloques de código para reutilizarlos y ejecutarlos en el futuro.

¿Cuándo me sirve usar una función en mi código?

  • Nos sirve cuando tenemos variables o bloques de código muy parecidos (con cambios que podrían ser parámetros y argumentos) que podemos encapsular para reutilizar más de una vez en el futuro. También nos sirve para ordenar y mejorar la legibilidad de nuestro código.

¿Cuál es la diferencia entre parámetros y argumentos de una función?

  • Las funciones reciben parámetros cuando las creamos. Y les enviamos argumentos cuando las ejecutamos.

2️.Convierte el siguiente código en una función, pero cambiando cuando sea necesario las variables constantes por parámetros y argumentos en una función:

const name = "George";
const lastname = "Gutierrez";
const completeName = name + lastname;
const nickname = "georgegg";

console.log("Mi nombre es " + completeName + ", pero prefiero que me digas " + nickname + ".");

function nombreCompleto(name, lastName) {
    return name + ' ' + lastName
}

function saludo(name, lastname, username) {
    const completeName = nombreCompleto(name, lastname);

    console.log("Mi nombre es " + completeName + ", pero prefiero que me digas " + username + ".");  
}

Parámetros y Argumentos
Parámetros:
Son los nombres que se les da o que se espera recibir en la función, para que una función cumpla con su tarea, es decir, son los nombres que aparecen en la definición de una función.
.
Argumentos:
Son los valores, los cuales van a servir para representar a esos parámetros que recibe nuestra función, es decir, son los valores que le vamos a pasar a una función.

Todavia me confundo con cuales son los argumentos y cuales son los parametros. Buena explicacion del profe Juan!

Para evitar confusiones, es común ver a un parámetro como una variable y un argumento como un valor.

Clarita la diferencia entre parametros y argumentos, la he leido mil veces pero nunca me la acuerdo

Super importante identificar los “Argumentos” y “Parámetros” el simple hecho de conocer y saber que son y que hace cada uno de estos conceptos.

yo viendo este curso en velocidad 2.0 jajajajajaj, Juan parece loco , le dan ataques jajajaja

yo realice el ejercicio con funciones, y lo realice con callback(funciones que llaman a otras funciones) para repasar

 let names = "Carlos";
  let lastnames = "Rocha";
  let userName = "charlie";
  let age = 27;
  let email = "[email protected]";
  let greaterAge = true;
  let moneySaved = 100000;
  let debts = 50000;

  function fullname (name, lastName){
    console.log(`mi nombre es: ${name} ${lastName}`);
  }

  function realMoney (saving, debts){
    const realMoney = saving - debts;
    console.log(`mi dinero actual sin deudas es: ${realMoney}`);
  }

  function personalData(name, lastName, saving, debts, callbackName, callbackMoney){
    let namePerson = name;
    let lastNamePerson = lastName;
    let savingMoneyPerson = saving; 
    let debtsPerson = debts;
    
    callbackName(namePerson, lastNamePerson);
    callbackMoney (savingMoneyPerson, debtsPerson);
  }

  personalData(names, lastnames, moneySaved, debts, fullname, realMoney);

-Que es una funcion?
Las funciones nos permite encapsular bloques de codigo para reutilizarlos y ejecutarlos en el futuro.
-Cuando me sirve usar una funcion en mi codigo?
Nos sirve cuando tenemos variables o bloques de codigo muy parecidos (con cambios que podrian ser parametros y argumentos) que podemos encapsular para reutilizar mas de una vez en el futuro.
-Cual es la diferencia entre parametros y argumentos de una funcion?
Las funciones reciben parámetros cuando las creamos y les enviamos argumentos cuando las ejecutamos.

“las funciones son la forma en la que encapsulamos bloques de código para que sean reutilizables y ejecutables en el futuro”

definitivamente es buena forma de definirlo

Otra manera de entender las funciones es que son un conjunto de tareas que vamos a realizar con datos ya declarados antes en variables para poder generar una acción que nos regrese algo completamente diferente. Cada instrucción que lleve la función, debe terminar con un punto y coma “;”. Esto es solo para cuando le agregamos más de una instrucción a nuestra función.
Por ejemplo:

function sumar(a, b) {
	let resultado = a + b;
	return resultado;
};

Y si llamamos nuestra función con:

sumar (1, 2)

simplemente nos regresa 3.
Espero sea de ayuda.

por si en este punto se alguno se siente frustrado por no entender el conteindo de la clase o del curso que sea, le cuento que yo tuve que volver aqui despues de llevar más de 40 cursos de javascript y desarrollo web en general. también siento que no puedo hacer las cosas por mí mismo sin mirar lo que hacer el profe, o que no puedo resolver un reto sin ver la solución.
es normal, hay que repetir y repetir lo aprendido, y como dijo el profe Diego De Granda en su curso de Web Components “si lo que acabas de hacer te parece magia, es porque no sabes al 100% lo que estás haciendo”. caminar nos tomó años, aprender a leer aún más, programar se trata de aprender 3 idiomas (o más) a la vez y eso no se aprender en un día, ni un mes, tal vez ni en un año. estudiamos 12 años en el colegio y no sabemos sacar el minimo común múltiplo jajaja no se rindan por favor, algún día nos llamaremos colegas.
suerte compañeros!!!

Como recordar cuando es Parametros y cuando Argumentos:
Las variables que colocas al crear la funcion son PARA usarlas, PARAmetros

Cuando estas en una discusion das argumentos para defenter tu idea, asi mismo cuando llamas a la funcion, le pasas argumentos para ejecutar(defender) tu idea

`${name}  ${lastName}`

Esta en una sintaxis más flexible para concatenar strings, incluso respeta los saltos de línea. Lo anterior hace lo mismo que lo siguiente

name + ' ' + lastName

Parametros vs. Argumentos…por fin lo entendí! 🥲

Solo porque a mí me pareció muy útil cuando estaba empezando y creo que no es tan complejo de entender, para la concatenación de texto y string, recomiendo utilizar “las comillas invertidas” (o templates)

Básicamente es abrir comillas invertidas (Alt + 96) y la variable que desees concatenar la debes de encerrar así: ${} en mitad de las llaves pones el nombre de la variable.

buena clase me gusto:D

en funciones yo dije que una función es parte de la POO, ya que encapsula porciones de codigo para utilizarlas, cuando nuestro codigo es muy largo, exelente, pero no sabía muy bien sobre los parametros y argumentos, gracias por aclarar mis dudas

Solo tuve algunas diferencias mínimas en la forma en que convertí la función del saludo, pero obtuve el mismo resultado.

Este curso no es tan práctico y se pone pesado con todo lo que habla Juan David. Realmente es muy aburrido. ¿Dónde está la practica?

✨🦄

**De momento he ejecutado mis respuestas muy similares a las de Juan c: **

Las clases con JuanDC siempre pasan rapidisimo, eso solo es evidencia de lo buenas que son 😃

en simple explicacion que hace return

Los parametros son lo que reciben una funcion cuando declaramos (crear) la funcion.
Sintaxis: function nombreFuncion (parametro1 , parametro2) { … }

Ej. function nombreCompleto (name , lastName) {
return name + ’ ’ + lastName;
}

Cuando se ejecuta la funcion, se envían argumentos:
Sintaxis: nombreFuncion (argumento1 , argumento2)

Ej. nombreCompleto (‘Jenni’ , ‘Arabel’)

Las funciones son como 🛠️ herramientas 🛠️ en nuestra caja de herramientas de programación 🧰. Nos permiten reutilizar código y hacer que nuestro código sea más fácil de leer y mantener 📖.

Puedes pensar en una función como un 🍔 combo de hamburguesa 🍔. La función es la receta y los ingredientes son los parámetros que le pasamos a la función. Cuando llamamos a la función con ciertos argumentos, obtenemos el resultado final (¡o la hamburguesa terminada! 🍔🤤)

esta buena la clase el profe lo explica bien

Yo la expliqué así

Una función es una sentencia de código que permite ejecutar una lógica de código varias veces sin tener que reescribir ese código

function quienEres(name, lastname, nickname){
	let completeName = (name + " " + lastname);
	return "Mi nombre es " + completeName + ", pero prefiero que me digas " + nickname + ".";
}

quienEres("Satoshi", "Nakamoto", "BTC");

Solo diré que una variable no puede ser constante. Entonces esta mal decir “variable constante”, una variable es esa representación del espacio en memoria que puede variar, y una constante es ese espacio que nunca va a poder cambiar, siempre será constante.

Es **incorrecto **decir "variable constante"
Ya que son conceptos opuestos. Una variable es un valor que puede cambiar durante la ejecución de un programa, mientras que una constante es un valor que se define una vez y no cambia durante la ejecución del programa.

{ } = llaves
[ ] = corchetes

😃 Funciones
1.- Responde las siguientes preguntas en la sección de comentarios:
¿Qué es una función?
Conjunto de instrucciones que realiza una tarea o calcula un valor.
¿Cuándo me sirve usar una función en mi código?
Cuando quiero empaquetar una serie de variables e instrucciones que realizan una tarea específica, con la finalidad de manipular y reutilizar el código fácilmente.
¿Cuál es la diferencia entre parámetros y argumentos de una función?
Un parámetro representa un valor esperado al momento de definir la función, mientras que un argumento representa un valor enviado al momento de llamar a la función.

2.- Convierte el siguiente código en una función, pero, cambiando cuando sea necesario las variables constantes por parámetros y argumentos en una función:

const name = "Luigi";
const lastname = "del Carpio";
const completeName = name + lastname;
const nickname = "luigidelcarpio";

console.log("Mi nombre es " + completeName + ", pero prefiero que me digas " + nickname + ".");

// ---------- Solución ----------
function miFuncion(name, lastName, nickName){
	return `Mi nombre completo es ${name} ${lastName}, pero prefiero que me digas ${nickName}.`;
}
console.log(miFuncion('Luigi', 'del Carpio', 'luigidelcarpio'));

jajaj me encanto la referencia a rubber duck debugging

Odio la nueva intro de platzi xd

Para responder más en concreto la pregunta de qué es una función y no qué nos permite una función. Lo respondo así:

• ¿Qué es una función?
Una función es una tarea que asignamos en nuestro código para que sea interpretado por nuestro sistema o navegador, y posteriormente sea ejecutado, creandose así un programa.

Indicame si estás de acuerdo o si no también, para que podamos mejorar nuestros conceptos.

Importante aprender a diferenciar los parámetros y argumentos.

Ustede tambien se dieron cuenta que Juan nombre a Juanita?
Sera la misma del curso de git y gitHub ?

Lo de la generacion de bloques de codigo es mejor atraves de lenguaje R, ya que de ahi sale Rmd (R Markdown)

Una función en JavaScript es un bloque de código que realiza una tarea específica y puede ser reutilizado varias veces en un programa. Es como una “receta” que toma uno o varios valores de entrada (llamados parámetros) y devuelve un valor de salida. El objetivo de usar funciones es organizar el código y hacerlo más fácil de entender y mantener.

Una de las formas que mas me ayudaron al inicio cuando vi y aprendí por primera vez las Funciones o métodos que se suelen llamar de igual forma (más adelante lo entenderán) …

Es hacer la analogía con una fabrica y mas especifico con una maquina dentro de una fabrica. Las máquinas reciben algo que puede ser la materia prima, eso que reciben es su entrada y la máquina esta programada para hacer ciertas tareas con eso que recibe como entrada, puede hacer cortes, manipulaciones, lo que sea necesario para que al final nos devuelva algo, por ejemplo nos puede devolver una camisa.

Entonces las funciones básicamente son como fabricas, tienen parámetros que van a recibir, con esos parámetros harán ciertas operaciones o cálculos y al final nos retornaran (devolverán) algo.

El hecho de que sean reutilizables es que esas maquinas (funciones) pueden usarse las veces que sean necesarias enviandole únicamente como argumento los parámetros con los que van a trabajar, volviendo al ejemplo, podríamos usar la maquina para fabricar 100 camisas en un día. Igual las funciones podemos invocarlas o mandarlas llamar 100 veces si es necesario, con esto escribimos el bloque de código (función) una única vez y la llamamos las veces que sean necesarias.

() = parentesis/parentheses
[] = corchetes/brackets
{} = llaves/keys

yo tambien me confundo a veces xD

yo en lugar de haber concatenado complete name en el texto hubiera escrito :

“Mi nombre es “+ nombreCompleto(name,lastname) +”,pero prefiero que me digas “+ username +”.”

Creo que “full name” sería un término más adecuado en lugar de “complete name”

function saludo(completeName, nickname){
return ("Mi nombre es " + completeName + ", pero prefiero que me digas " 
+ nickname + ".")
};

Función saludo con TypeScript:

const fullName = (nombres:string, apellidos: string):string => {
    return `${nombres} ${apellidos}`;
  }
const greeting = (name:string, lastName: string, nickName: string='withoutNickName'):void => {
    console.log(`Hi my name is ${fullName(name, lastName)}, but i prefer everybody talk me ${nickName}.`);
  }

  greeting(nombre, apellido,userName);

Funciones

1️⃣ Responde las siguientes preguntas en la sección de comentarios:

  • ¿Qué es una función?

    Es un bloque de código que resuelve un subproblema específico.

  • ¿Cuándo me sirve usar una función en mi código?

    Cuanto necesito hacer cálculos automatizados con diferentes argumentos y no repetir manualmente, va más allá de los ciclos gracias a la definición de parámetros.

  • ¿Cuál es la diferencia entre parámetros y argumentos de una función?

    Parámetros son la lista de variables que se declaran al crear la función, argumentos son los valores reales en la ejecución de la función.

2️⃣ Convierte el siguiente código en una función, pero, cambiando cuando sea necesario las variables constantes por parámetros y argumentos en una función:

const name = "Juan David";
const lastname = "Castro Gallego";
const completeName = name + lastname;
const nickname = "juandc";

console.log("Mi nombre es " + completeName + ", pero prefiero que me digas " + nickname + ".");
// Code within function
function foobar(name, lastname, nickname) {
	completeName = `${name} ${lastname}`;
	console.log(`My name is ${completeName}, but I prefer that you call me ${nickname}.`);
}

foobar('"Alexander', 'Reyes', 'AARH777');
function user(name, lastname){ // parametros
	let fullName = `Mi nombre completo es ${name} ${lastname}`;

	return fullName;
}

user('Pedro', 'Morales') // Argumentos

Tal vez al principio podría ser algo lioso interiorizar la función dentro de una función, aún mas con los dichosos Parámetros que aun encima tienen el mismo nombre jajaj

Pero si recordamos que las funciones no importa el orden y siempre se ejecutan cuando la obligamos, entonces tal vez se podría asimilar mejor si nos enfocamos en el efecto dominó de la lógica y que cada Parámetro es propia de cada función.

Osea,
function A (elmismonombre) {}
function B (elmismonombre) {}

Pese a tener “elmismonombre” como Parámetro, es indiferente y no afecta en lo absoluto.

Entonces se podría decir que los argumentos son parámetros con valores definidos al ejecutar la función.

Mientras estaba haciendo el test la pregunta sobre la diferencia entre argumento y parámetro me tomo algo de tiempo entenderla, pero gracias a una asociación que hice pude entenderla.
Cuando buscamos el significado de Parámetro encontramos lo siguiente : "Elemento o dato importante desde el que se examina un tema, cuestión o asunto. ", por lo que yo entiendo el Parámetro va a examinar algo y el Argumento será examinado.
Entonces la Asociación es que los Parámetros van a examinar que el
valor ingresado (Argumento) para que siga las instrucciones de la función o verificar si es el valor correcto. Si la función no tiene parámetros no importa que argumentos le des, no funcionará porque no hay quien examine dicho argumento o valor.Puedes pensar en ello como un profesor(Examinador) y tu prueba(Argumento).

//                parámetros
function persona(nombre,apellido)
{
    console.log(`yo soy ${nombre} ${apellido}`)
}
//          Argumentos
persona("Ricardo", "Donoso")

Incluso puede probar quitarle un parámetro y te daras cuenta que te dará error, por lo que si no hay parámetros no hay forma de que la funcion se ejecute porque no hay examinador, por tanto no importante los argumetos que le des, no mostrara nada.

También puedes ver a los parámetros como ranuras para la funcion, donde iran los argumentos, pero si no hay ranura no funcionara la funcion.

Eso yo entendí y le intente dar analogias a mi propio entendimiento, espero que les sirve y por el contrario si estoy equivocado corregirme por favor 😃.

Me encanto la explicación de las funciones Profe!!, ademas justo se dio la oportunidad de tener una función dentro de otra tan dificil que suena y en el ejemplo se vio muy fácil. Me encanto la explicación y el ejemplo.

llave {}
corchete []

🤓 Yo me recuerdo que una vez Freddy dijo que las funciones son como una cajita donde metes información y esperas un resultado. Como a muy grandes rasgos siempre lo he visto así.

¿Qué es una función y para que sirve?

Una función es una fracción de código que realiza una acción o presta un servicio … pero … ¿para qué queremos fracciones de código? Nos sirven para estructurar nuestra lógica, es decir, para organizar la secuencia de instrucciones.

Y resulta que esa fracción de código que hace “algo”: que funciona, nos puede llegar a ser muy util (y nos daremos cuenta de ello más adelante) para no repetir muchas veces el mismo texto de código.

pero ¿por que se repetiria muchas veces el código?

Porque habran ocasiones donde hay acciones repetitivas, como comprobaciones o verificaciones …

2️⃣ Convierte el siguiente código en una función, pero, cambiando cuando sea necesario las variables constantes por parámetros y argumentos en una función:

const name = "Juan David";
const lastname = "Castro Gallego";
const completeName = name + lastname;
const nickname = "juandc";

console.log("Mi nombre es " + completeName + ", pero prefiero que me digas " + nickname + ".");

//Solution
const myFunction = (name, lastName, nickName) =>  `Mi nombre es:  ${name} ${lastName}, pero prefiero que me digas ${nickName}.`;

console.log(myFunction("Herald ", "Flores", "herald"));
function nombreCompleto(name , lastName){
    return name + ' ' + lastName;
}

nombreCompleto('Pedro', 'Ramos');


function saludar(nombre, apellido, username){
    const completeName = nombre + ' ' + apellido;
    const nickName = username;

    console.log("Mi nombre es " + completeName + ", pero prefiero que me digas " + nickName +".");
}

las funciones son lo maximo. una vez que les agarras el hilo, ves lo importante que son

La forma de escribir la función puede variar, sin embargo tiene el mismo resultado

//Opción 1
function saludar (nombre){
    let saludo = `¡Hola ${nombre}!, ¿como estas?`;
    document.write(saludo);
}

//Opción 2
const saludar =function (nombre){
    let saludo = `¡Hola ${nombre}!, ¿como estas?`;
    document.write(saludo);
}


//Opción 3
const saludar = ()=>{
    let saludo = `¡Hola ${nombre}!, ¿como estas?`;
    document.write(saludo);
}
//Esta ultima es llamada funcion flecha

Preferí hacerlo con una sola línea de código sin llamar a la función anterior:

<function saludar(nombre, apellido, apodo){
console.log("Mi nombre es " + nombre + " " + apellido + " pero me dicen " + apodo + ".");
};> 

Resúmen de la respuesta a la pregunta de parámetros y argumentos, basándome en conceptos anteriormente enseñados.
Cuando se declaran junto con la función son PARÁMETROS, cuando se inicializan junto a la función (invocarla) son ARGUMENTOS

Hola me gustaría poder compartir esta información que me parece importante investigar ya que son los tipos de declaraciones de funciones que se pueden usar en JavaScript dependiendo de utilidad.

Una de las características más importantes de las funciones en Javascript es su versatilidad. En Javascript las funciones son diferentes a las funciones de otros lenguajes de programación. En Javascript las funciones son un objeto. Por ello se les puede asignar variables, arrays u otros objetos. La forma en la cual hallamos definido nuestra función, definirá el comportamiento de la misma. Siendo los tipos de función que podemos crear en Javascript los siguientes:

Function declaration
Function expression
IIFE (Immediately Invoked Function Expression)
Shorthand method definition
Arrow function
Generator function
Function constructor

Hasta este punto el curso no se ve nada practico y se pone demasiado pesado y aburrido con todo lo que habla Juan David, se supone que es un curso de JavaScript práctico ¿dónde está la practica?

quiero de esas vitaminas que le dan al profe para tener la energía que tiene en cada clase.

Me parecio muy buena, pero veo que utiliza dos funciones, en la que yo hice solo utilizo una funcion, pero obtengo el mismo resultado, mi funcion fue la siguiente:
function presentarse(name,lastname,completeName,nickname){
return console.log(Mi nombre completo es ${name} ${lastname}, pero prefiero que me digas ${nickname}, y he entendido esta funcion en Java script.);
}

<code> // Función para calcular el promedio de calificaciones
function calcularPromedio(calificaciones) {
    let suma = 0;
    for (let i = 0; i < calificaciones.length; i++) {
        suma += calificaciones[i];
    }
    return suma / calificaciones.length;
}

// Datos de calificaciones de estudiantes
const calificacionesJuan = [90, 85, 88, 92, 78];
const calificacionesMaria = [75, 80, 92, 88, 91];
const calificacionesCarlos = [60, 70, 75, 68, 82];

// Llamar a la función para calcular el promedio
const promedioJuan = calcularPromedio(calificacionesJuan);
const promedioMaria = calcularPromedio(calificacionesMaria);
const promedioCarlos = calcularPromedio(calificacionesCarlos);

// Imprimir los resultados en la consola
console.log("Promedio de Juan: " + promedioJuan);
console.log("Promedio de María: " + promedioMaria);
console.log("Promedio de Carlos: " + promedioCarlos);

Escribí la función del saludo apoyándome con un formulario en HTML para que el usuario meta los datos directamente en el formulario y se impriman en consola

Documento prueba.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Prueba del curso práctico de js</title>
</head>
<body>
    <h1>Introduce los datos solcitados e imprimmelos a través de una función de js</h1>
    <form action="">
        <label for="nombre">Introduce tu nombre</label>
        <input type="text" name="" id="nombre">
        <label for="apellido">Introduce tu apellido</label>
        <input type="text" name="" id="apellido">
        <label for="nickname">Introduce tu nickname</label>
        <input type="text" name="" id="nickname">

        <button type="button" onclick="imprimirNombreEnConsola(nombre.value, apellido.value, nickname.value)">Imprimir el nombre completo</button>

    </form>
    <script src="./prueba.js"></script>
</body>
</html>

Documento pruebla.js

const imprimirNombreEnConsola = (nombre, apellido, nickname) => {
    console.log('Mi nombre es ' + nombre + ' ' + apellido + ' ' + 'pero prefiero que me digas' + nickname);
} 

Cuando Juan David dice “Tratar de explicarselo a un patito de ule”… hace referencia a “El programador pragmatico” un excelente libro que nos enseña, entre muchas cosas, una tecnica conocido como “duck” bueno… falta algo mas en el nombre de la tecnica pero no lo recuerdo, que consiste, en para averiguar que esta mal con tu codigo, toma un patito de ule, y explicale linea por linea que hace el codigo…

Me resulto un poco confuso a la primera el utilizar una función dentro de una const.
.
Pero luego comprendí que estamos reutilizando el código, los valores de nuestra función anterior para ayudarnos a “operar/crear” la nueva función.

El profesor me hace acordar a Kiko del famosisimo programa de tv El chavo del 8 , me cae bien

Juan David es un excelente profesor, su empatía, capacidad para trasmitir conocimiento y su “humor” hacen las clases muy agradables.

😃

la functionInception hace honor a la pelicula

Me gusto el uso de la función nombreCompleto para dar el espacio entre nombre y apellido, yo la verdad que solo le di un espacio al terminar el nombre para que al concatenar quedaran separados jaja 😅

los parámetros son variables “incrustadas” o inyectadas en una función. En este caso son name y lastname en el ejemplo de juanDC.
Esas variables están declaradas (existen pero no tienen nada dentro).

Cuando a esas variables le agregamos un valor (le agregamos información, las inicializamos), en este caso natalia para name y villamil para lastname se convierten en argumentos.

Es decir, es el equivalente de decir:
let name, lastname; (parámetros)
name = ‘natalia’ (argumento)
lastname = ‘villamil’ (argumento).

Espero les sirva… es largo pero creo q vale la pena leerlo

++Funciones ++
1.- Responde:

  • ¿Qué es una función?
    Es un bloque de código, un conjunto de instrucciones que realizar una tarea o calculan un valor. Nesecitan datos de entrada para dar datos de salida.

  • ¿Cuándo me sirve usar una función en mi código?
    Cuando se quiere obtener un valor para poder hacer algo con el. Tambien son reutilizables y automatizan procesos.

  • ¿Cuál es la diferencia entre parámetros y argumentos de una función?
    Parámetro = Valor que el procedimiento espera que se pase al crearlo. La declaración del procedimiento define sus parámetros.
    Argumentos = Valor que se pasa a un parámetro de procedimiento al invocarlo.
    Cada argumento, corresponde a un parámetro. Los argumentos no tienen nombre, deben cumplir con el tipo de dato especificado en su parámetro o poder convertirse en el.

2.- Convierte a función el siguiente código:


jamas pensé en utilizar una funcion dentro de una función, que increible.

Este profe explica pero bien, Todo entusiasmado lo contagia a uno, y es de mi edad, mero teso.

Yo creo que te puedes ahorrar la funcion de nombre completo si usas para unir el nombre y el apellido. Asi:

const frase = (name, lastname, nickname) => {
    const completeName = `${name} ${lastname}`;
    return console.log(`Mi nombre es ${completeName}, pero prefiero que me digas ${nickname}.`);
}
frase("Rolando", "Osorio", "Ragosorio")

ejemplo esta función recibe dos parámetros a,b los parámetros a,b puede ser el nombre que mas te guste o sea la mejor practica en clean code.
dentro de la función sumamos los dos parámetros a y b y lo retornamos

const miFuncion = (a,b) =>{
	return a +b;
}

llamamos la función y pasamos los parámetros que queremos en mi caso es 1,2
que seria igual a
a = 1
b = 2


miFuncion(1,2)

y la funcion nos retorna la suma de las dos funciones
a = 1 + b = 2
nos retorna 3;

Explicación de parámetros y argumentos en las funciones

me costaba mucho entender las funciones porque me confundia que eran parametros y que eran variables y por lo mismo no sabia como se usaban ufffffff por fin entendi que es una funcion. Gracias profe 😃

En lo personal, juanda es el profesor que menos le entiendo, su manera de enseñar me confunde y me hace repetir clase tras clase para poder avanzar. Respeto los que sienten estima hacia él, pero a veces omite código o cosas que el puede omitir, (por que lo sabe ) y me confunde buscando nuevamente el por qué.(opinión personal)

Mi función que realicé fue la siguiente:

function myPresentation(name, lastname, nickname){
    let completeName = name + " " + lastname;
    return "Mi nombre es " + completeName + ", pero prefiero que me digas " + nickname + ".";
}


myPresentation("Ricardo","Chavez","ricardo999");

Una función es una estructura que almacena un bloque de código que puede ser usada después, sin la necesidad de codificarla en cada ocasión. Eso había puesto en mi test 😅

Como tkm mucho a las funciones, son geniales ❤️

La diferencia entre parametros y argumentos aún me confunde un poco, pero poco a poco la interiorizaré :3.

Gracias por la explicación!

functions

¿Qué es una función?

Una función es una porción de código reusable que puede ser llamada en cualquier momento desde nuestro programa.
.

¿Cuándo me sirve usar una función en mi código?

Las funciones son útiles en el código cuando necesitamos ejecutar una serie de instrucciones en múltiples lugares del programa.
.

¿Cuál es la diferencia entre parámetros y argumentos de una función?

Los parámetros son los nombres que se utilizan en la definición de la función para representar los valores de entrada que se esperan. Los argumentos son los valores reales que se pasan a la función cuando se llama. En otras palabras, los parámetros son las variables que la función espera recibir, mientras que los argumentos son los valores que se pasan a esas variables cuando se llama a la función.

4/27 Funciones

En la primera parte del test de JavaScripr ya resolvimos todo y ahora estamos en la sección de funciones, donde encapsulamos bloques de código para que sean reutilizables y ejecutables en el futuro.

Las funciones nos ayudan a guardar bloques de código dentro de una caja de cajas y podemos llamarlas o ejecutarlas cuando las necesitemos.

Utilizando funciones podemos hacer que una variable utilice diferentes variable, lo cual es más dificil de hacer con solo variables.

Las funciones son capaces de retornar cosas y pueden recibir parámetros.

En lugar de usar siempre las mismas variables, podemos utilizar parámetros para que cada ve que llamemos a la función no tengamos siempre el mismo resultado.

Podemos enviar diferentes variables como argumentos, lo que nos permite reutilizar el código y ejecutarlo en el fututo.

Las funciones nos permiten encapsular bloques de código para reutilizarlos y dar diferentes resultados.

Cuando mandamos a llamar una función, estamos ejecutando el bloque de código que encapsula.

Una función nos sirve para reutilziar código cuando tenemos variables o bloques de código muy parecidos que podemos encapsular y ejecutar cuando los necesitemos en el futuro.

También nos ayuda a mejorar la legibilidad y ordenar nuestro código.

Los parámetros son los que reciben las funciones cuando las creamos, mientras que los argumentos son los valores que le pasamos cuando las ejecutamos.

Una función recibe parámetros cuando la creamos y argumentos cuando la ejecutamos.

Al crear una función, podemos convertir variables constantes en parámetros para que puedan ser dinámicos en el futuro.

Funciones

/* 1 ** Responde las siguientes preguntas en la sección de comentarios:*/

// ¿Qué es una función?

En JavaScript, una función es un bloque de código que se puede definir una vez y ejecutar varias veces según sea 
necesario. Las funciones se utilizan para encapsular una tarea o un conjunto de tareas relacionadas en un solo bloque 
de código, lo que facilita su reutilización y mantenimiento.

En JavaScript, una función se define utilizando la palabra clave function, seguida del nombre de la función y un par de
paréntesis que pueden contener los parámetros de entrada de la función. A continuación, viene el cuerpo de la función, 
que contiene las instrucciones que se ejecutarán cada vez que se llame a la función.

// ¿Cuándo me sirve usar una función en mi código?

Usar funciones en tu código es beneficioso por varias razones:

Reutilización de código: Una de las principales ventajas de las funciones es que puedes definirlas una vez y 
reutilizarlas varias veces en diferentes partes de tu programa. Esto te permite evitar duplicar código y simplificar el
mantenimiento de tu código.

Abstracción de complejidad: Las funciones también te permiten abstraer la complejidad de tu código. Puedes definir 
funciones que realicen tareas complejas y utilizarlas en lugar de tener que escribir todo el código complejo en cada 
lugar donde se necesita.

Mejora la legibilidad del código: Las funciones bien definidas y nombradas pueden hacer que tu código sea más fácil de 
leer y entender. En lugar de tener un bloque de código largo e ininteligible, puedes separar la lógica en funciones más
pequeñas y comprensibles.

Facilita el mantenimiento: Cuando el código está organizado en funciones, es más fácil hacer cambios en el futuro. 
Puedes actualizar una función en un solo lugar en lugar de buscar y actualizar el código repetido en varias partes de 
tu programa.

Permite modularidad: Las funciones pueden ser agrupadas en módulos o librerías reutilizables que pueden ser compartidas
entre diferentes proyectos. Esto puede acelerar el proceso de desarrollo y reducir los errores.

En resumen, usar funciones en tu código te permitirá reutilizar código, abstraer la complejidad, mejorar la legibilidad
del código, facilitar el mantenimiento y permitir modularidad. Estas son solo algunas de las razones por las cuales 
deberías considerar el uso de funciones en tu código JavaScript.

// ¿Cuál es la diferencia entre parámetros y argumentos de una función?

En el contexto de una función en JavaScript, "parámetros" y "argumentos" son términos que se refieren a valores que se 
utilizan para pasar datos a la función. Aunque estos términos a menudo se usan indistintamente, hay una diferencia 
importante entre ellos.

Parámetros: Son variables que se definen en la declaración de la función. Son utilizados para recibir valores que se 
pasan a la función cuando se llama. En otras palabras, los parámetros son una forma de declarar qué tipo de datos la 
función espera recibir.

Por ejemplo, en la siguiente función, "a" y "b" son parámetros:

function sumar(a, b) {
  return a + b;
}

Argumentos: Son los valores que se pasan a la función cuando se la llama. Estos valores se asignan a los parámetros de 
la función. En otras palabras, los argumentos son los valores que se pasan a la función cuando se la llama.

Por ejemplo, al llamar a la función sumar con argumentos 2 y 3, 2 se asigna a "a" y 3 se asigna a "b":

let resultado = sumar(2, 3); // resultado es 5

/* 2 ** Convierte el siguiente código en una función, pero, cambiando cuando sea necesario las variables constantes por parámetros y argumentos en una función:*/

/*const name = “Juan David”;
const lastname = “Castro Gallego”;
const completeName = name + lastname;
const nickname = “juandc”;

console.log("Mi nombre es " + completeName + ", pero prefiero que me digas " + nickname + “.”);*/

function persona(){
  const name = "Juan David";
  const lastname = "Castro Gallego";
  const completeName = name + " " + lastname;
  const nickname = "juandc";
  console.log("Mi nombre es " + completeName + ", pero prefiero que me digas " + nickname + ".");
}

persona()