Funciones que retornan valores

Clase 14 de 55 • Fundamentos de JavaScript 2018

Resumen

En esta clase seguiremos trabajando con condicionales para desglosar las funciones en funciones más pequeñas que retornen un valor.

Debemos de tener en cuenta que el número 18 esta incluido dentro del rango de edad. Para ello utilizamos los símbolos >=.

Return detiene la ejecución de una función y devuelve el valor de esa función.

Las variables definidas con const se comportan como las variables, excepto que no pueden ser reasignadas. Las constantes pueden ser declaradas en mayúsculas o minúsculas. Pero por convención, para distinguirlas del resto de variables, se escribe todo en mayusculas.

Ivan Santiago

student•

Para indinicar constantes se usa const. Es una buena practica nombrarla con mayusculas 😄

Ya casi no se usa el var, es mejor usar let, por que esta ultima respeta el scope de las funciones 😄

erick blanco

student•

que es un scope?

Ivan Santiago

student•

@erickblanco el scope es el alcance que tienen las variables dependiendo de donde esten declaradas. Ejemplo:

Aqui la variable i solo existe dentro del bloque for:

for(let i = 0; i < 10; i++) {
	// Algo de codigo
	// Si en vez de let, la variable usara var... La variable i seria usable desde cualquier punto del codigo!
}

Aqui la variable nombre esta disponible solamente dentro de la funcion:

function saludar(nombre) {
	// Algo de codigo
}

Aqui la variable esta definida al inicio del archivo, asi que esta disponible desde cualquier punto del codigo

let nombreCool = 'TuNombre'

Manuel Salv. Lemos Foncubierta

student•

Para los interesados, está praticas están recogidas en el libro Clean Code.

Johnnatan Reyes Garcia

student•

super

Victor Andres Castillo Zambrano

student•

gracias

CRISTIAN DAVID BETANCUR GALAN

student•

Yo Hice esta prueba a ver si me daba, y me salió 🎉🎉 que sino era Mayor de Edad **RETORNARA **cuantos años le faltaban para serlo.


    function imprimirSiEsMayorDeEdad(persona) {
       if (persona.edad >= 18) {
           console.log(`${persona.nombre} es mayor de edad`)
       } else {
           console.log('te faltan ' + (18 - (persona.edad)) + ' Años para ser Mayor de Edad')

       }
    }

Jose Barboza

student•

que buena jajaj

Victor Andres Castillo Zambrano

student•

felicidades

Jessica Jasiel Renteria Escalera

student•

Una forma de acortar código puede ser usando Operador ternario Sintaxis: condición ? expr1 (si es verdad): expr2 (si es falso)

Santiago Pulido Peláez

student•

Buen aporte, gracias!!

Andrés Felipe García Rendón

student•

Gracias!!

Gabriel Zapata

student•

Si por ejemplo quieren agregar el atributo **edad **a su objeto llamado **usuario ** pueden escribir lo siguiente: Object.defineProperty(usuario,'edad',{value:18});

el primer parámetro es el nombre del objeto
el segundo parámetro el nombre del atributo
el tercer parámetro es el valor del parámetro

Sebastian Hernandez Matiz

student•

usuario = {
	...usuario,
	edad: 18
}

Noel Alejandro

student•

Les dejo mi ejemplo.

//Inicia el programa
fnLlenaDatos();

//Llena subobjeto de profesiones
function fnProfesiones(){
    var pregProfesiones = prompt("Introduzca las profesiones separadas por comas. Ej. Ingniero, Músico...");
    //corta los valores de las profesiones y crea un arreglo
    var profesiones = pregProfesiones.split(",");
    //crea el arreglo de las profesiones que queremos, todas en falso
    var objProfesiones = {
        ingeniero: false,
        doctor: false,
        musico: false,
        escritor: false,
        futbolista: false
    }

    //comprueba si las profesiones que introdujo el usuario las tiene el objeto creado anteriormente
    for(var i=0; i < profesiones.length; i++)
        if(objProfesiones.hasOwnProperty(profesiones[i].trim()))
            objProfesiones[profesiones[i]] = true; //si las tiene las pone en true

    return objProfesiones;
}

//llena los datos de objeto
function fnLlenaDatos(){
    //crea objeto a mostrar
    var persona = {
        nombre: prompt("Introduce tu nombre:"),
        edad : prompt("Introduce tu edad:"),
        profesiones: fnProfesiones() //llena con subojeto con base en este método que recibe las profesiones
    }

    fnImprimeDatos(persona);
}

//imprime los datos
function fnImprimeDatos(persona){
    var menorDeEdad = "";
    if(persona.edad > 18)
        menorDeEdad = "y eres mayor de edad";
    else
        menorDeEdad = "y eres menor de edad";

    console.log(`Tu nombre es ${persona.nombre} con ${persona.edad} años ${menorDeEdad}\n`);
    console.log("Tus profesiones son:\n");

    //revisa todas las profesisones que sean true y las imprime
    Object.getOwnPropertyNames(persona.profesiones).forEach(function(val){
        if(persona.profesiones[val])
            console.log(`- ${val.trim()}\n`);
    });
}

Carlos López Brú

student•

Esta bueno

Victor Andres Castillo Zambrano

student•

muy bueno

Manuel Gerardo Flores Quiñonez

student•

var sacha = {
  nombre: 'Sacha',
  apellido: 'Grey',
  edad: 28
}

function MayorMenor(x){

  var edad = x.edad
  if(edad>18){
    console.log('Sacha es mayor de edad')
  }
  else{
    console.log('Sacha es menor de edad') 
  }

}

MayorMenor(sacha)

Rafael Alvarez Cardona

student•

Estuvo mamalón ese apellido ajsjasjajs

Manuel Gerardo Flores Quiñonez

student•

Jajajaj

Dilan Bocanegra

student•

No entendí muy bien lo del return

Horst Nill

student•

Return devuelve el valor de una función, como en el ejemplo de Sacha si a la función esMayorDeEdad no le agregas el return, en la comparación no se cumpliría, no tendría valor. Te recomiendo que hagas la prueba para entender mejor. copia y pega y veras el resultado sin el return

function esMayorDeEdad(persona){ persona.edad>=18 } function siEsMayorDeEdad(persona){ if (esMayorDeEdad(persona)) { console.log(Si ${persona.nombre} es mayor de edad) }else{ console.log(${persona.nombre} es menor de edad) } }

Daniel Bretado Reyes

student•

En esta clase aprendí que la una buena practica no es hacer el código lo más corto posible sino lo más claro y entendible que se pueda.

Gilberto Andrés Alfaro Vivanco

student•

Así es, porque un programador profesional pasa más tiempo leyendo código que escribiéndolo, ya sea que él mismo lo haya escrito o que lo haya escrito otro programador.

Ezequiel Maximiliano Silvestre

student•

En palabras de Steve Jobs: "El mejor código, el más eficiente y el más fácil de leer... es el que no se escribe"

Gutierrez Diego

student•

Como se vincula el parámetro persona con el nombre que pongamos en el programa?, en este caso el nombre del objeto? como se sabe que será Luis, Carlos, Grecia, etc, etc? No termino de entender.

Luis Lira

student•

Hola Diego, te refieres a los parámetros?

SI sí, no es que el programa sepa quién es quién, si tenemos la función function saludar(persona) el parámetro realmente se puede llamar de cualquier forma, pero se le pone persona para que sea más fácil de entender qué es.

Los parámetros son para indicar con qué estará trabajando de forma interna la misma función y en este caso si nosotros le decimos le ponemos saludar(luis), es decir, le pasamos la variable luis a la función, lo que hará es que estará usando a esa persona de forma interna.

Si lo pasamos a una explicación un poco más del "cómo funciona", lo que le estamos haciendo al pasar parámetros a una función solamente es decirle en qué parte de la memoria estará buscando los datos con los que va a trabajar.

Jorge Cruz Perez

student•

Cualquier parámetro es al final una variable, ahora el como se vinculan depende de como la inicialices, en este caso se inicializa cada vez que llamas a la funciona en le pasas como parámetro un valor, este valor puede ser literal o el de otra variable, es ahí donde se "vincula" y así el programa sabe que variable es, saludos :)

Vladimir Salva

student•

Aca esta la solucion al problema <3 <3

function MayorEdad(persona){
    if(persona.edad >= 18){
        console.log(`${persona.nombre} sos mayor papa`)
    }else{
        console.log(`${persona.nombre} sos menor de edad lince`)
    }
}

Jaime Escobedo Vargas

student•

¿Que es lo que hace el Return en este caso? Es como una especie de condicional? o sea pone return persona.edad >= y eso va a devolver un true o false?. O cual seria la lógica aqui?

Marco Echave

student•

Así es, evalúa la edad y dependiendo si es mayor de edad o no regresa verdadero o falso

Jaime Escobedo Vargas

student•

Gracias!!

Joel Dominguez Merino

student•

Vi un comentario que sugiere usar let en lugar de var. Se puede o debe usar let en la declaración de objetos y variables? Como solo hemos visto var no se si me estoy adelantando y nos diran la diferencia. Pero me gustaria saber. Muchas Gracias!

CRISTIAN BARBERO PÉREZ

student•

Sí, se explica la diferencia entre var, let y const en la primera clase del módulo de complementos. También se explica en los siguientes cursos de JS. En general utilizar var es mala práctica por tener un scope (alcance) global.

Joel Dominguez Merino

student•

Ok, entonces me recomiendas empezar a utilizar ya let? mmm entonces con let evito el problema de que dentro de una función pueda hacer uso de una variable global que esta siendo declarada con var? Si es declarada con let ya no puedo hacer uso de esta en la función? Wow 😱

Andrés Alejandro Ramos Uyaban

student•

const ciudadano = {
            nombre : "ciudadano",
            edad : 20
        }

        function validar({edad, nombre}) {
            return (edad >= 18)? `Bienvenido ${nombre}`: `Regresa cuando tengas 18 años o más!`
        }

        console.log(validar(ciudadano));```

José Carlos Vielman Mallada

student•

Esta bueno el ? signo de interrogación como condicional

Gilberto Andrés Alfaro Vivanco

student•

Tengo una duda con los parámetros: ¿No es necesario definirlos en algún punto del código? Porque nunca definimos 'persona', solo lo usamos en las funciones y ya.

Nelson Alayón

student•

Si al crear una función se le declara un parámetro, en ese momento queda declarada esa variable(el parámetro). No es necesario declarar antes esa variable.

Efraín Hernández García

student•

Cuando se crea la función se crea en automático la variable, por eso no es necesario definirla antes.

Jose L. Figueroa

student•

Es una buena práctica el nombrar a las variables que sabemos que su valor no va a cambiar como constantes , para ello utilizamos la palabra reservada **const ** y al nombrarla utilizar en todas sus letras mayúsculas, y separando las palabras con guiones bajos .

El Return detiene la ejecución de una función y devuelve el valor de dicha función.

Va mi código:

const MAYORIA_DE_EDAD = 18

function esMayorDeEdad(edad){
  return edad >= MAYORIA_DE_EDAD
}

function imprimirSiEsMayorDeEdad(persona) {
  let {nombre}  = persona
  let {edad}    = persona

  if ( esMayorDeEdad(edad) ) {
    console.log(`${nombre} es mayor de edad, tiene ${edad} años`)
  } else {
    console.log(`${nombre} es menor de edad, tiene ${edad} años`)
  }
}

Starling Mercedes

student•

muy limpio el codigo =) buenas practicas

Wilson Fernando Antury Torres

student•

Cuando usamos valores que deben ser fijos en el programa es buena práctica usar const en lugar de var. Y por convención el nombre usado para la constante va en mayúsculas separadas por guion bajo.

Alejandro Marin

student•

var jonatan = { nombre: 'jonatan', apellido: 'marin', edad: 28, ingeniero: true, cocinero: false, cantante: false, guitarrista: true } var katherin = { nombre: 'katherin', apellido: 'diaz', edad: 16, ingeniero: true, cocinero: false, cantante: false, guitarrista: true }

var alejandro = { nombre: 'alejandro', apellido: 'delgado', edad: 18, ingeniero: true, cocinero: false, cantante: false, guitarrista: true }

function imprimirSiEsMayorDeEdad (persona){ if ( persona.edad >=18 ){ console.log(${persona.nombre} ${persona.apellido} es mayor de edad y tiene ${persona.edad} años) } else { console.log(${persona.nombre} ${persona.apellido} es menor de edad y tiene ${persona.edad} años) } }

Bernardo Aguayo Ortega

student•

Genial

Santiago Dangond

student•

Hice este ejercicio por mi cuenta, me gustaría que lo observaran y me dieran algún consejo o alguna opinion.

const MAYORIA_EDADES = {
    Colombia : 18,
    Spain : 18,
    USA : 21
}
/*
var model_person = {
    name : "",
    last_name : "",
    age : 1,
    country : "",
}*/
// new objects
var santiago2 = {
    ...santiago,
    country : "Colombia"
}

var juan = {
    ...juan,
    country : "Spain"
}

var pedro = {
    name : "Pedro",
    last_name : "Perencejito",
    age : 23,
    country : "USA"
}

function isOlder(person){
    for (var country in MAYORIA_EDADES){
        if(person.country === country){
            return person.age >= MAYORIA_EDADES [country];
        }
    }
}

function get_LegalAge_orNot(person){
    let {name} = person;
    
    if( isOlder(person) ){
        console.log(`${name} is of legal age`);
    } else {
        console.log('Is not of legal age');
    }
}

José David Diaz Lora

student•

Interesante, pero aun no tocamos la parte del for y aja muchos se confundan

Gino Ureta

student•

aparte, que seria mejor con una implementación de hashTable para obtener la mayoría de edad de cada pais.