Crea una cuenta o inicia sesi贸n

隆Contin煤a aprendiendo sin ning煤n costo! 脷nete y comienza a potenciar tu carrera

Funciones en JavaScript

5/22
Recursos

Aportes 489

Preguntas 103

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Reg铆strate o inicia sesi贸n para participar.

Funciones

Las funciones son las tareas que va a llevar a cabo el navegador. Existen 2 tipos de funciones
1) Declarativas
2) De expresi贸n
Ambas pueden llevar par谩metros, que son los datos que necesitan para ejecutarse.
Cada par谩metro va separado por una coma.
Cada instrucci贸n que tenga la funci贸n debe terminar con ; .
Si queremos que una funci贸n nos d茅 un numero o dato tenemos que usar la siguiente sintaxis:

return El dato que queremos que nos d茅;

Las funciones declarativas tienen la siguiente sintaxis:

function Nombre de la funci贸n (Par谩metros de la funci贸n) {Instrucciones}

Un ejemplo de una funci贸n puede ser una suma:

_
function suma (a,b) {return a+b;}_

Las funciones de expresi贸n son aquellas que guardamos en una variable, por lo tanto, no es necesario nombrarlas y tienen la siguiente sintaxis:

_var Nombre de la variable = function(Parametros){Instrucciones}.
_

Un ejemplo de una funci贸n de expresi贸n ser铆a:

var suma = function(a,b){return a+b;}

Para ejecutar las funciones debemos usar la siguiente sintaxis:

_Nombre de la funcion(Parametros funci贸n); _

Si la funci贸n no tiene ning煤n par谩metro, 煤nicamente se escribe:

_Nombre de la funci贸n(); _

Para pasar a la siguiente l铆nea en la consola, sin ejecutar el c贸digo, presiona Shift + Enter

Infografia sobre funci贸n

En Windows el acento invertido se escribe con ALTGR + la tecla con que escribimos la llave de cierre }

Es importante tener en cuenta que las Functions solo admiten hasta 255 argumentos y/o parametros (Fuente Mozila). Y la principal diferencia entre las Declarativas y las de Expresi贸n: Es que las declarativas son definidias para usarse de forma posterior en cualquier momento de su llamado. Las de Expresi贸n solo pueden ser invocadas hasta el momento posterior a su definici贸n.

Fuente: https://medium.com/@mandeep1012/function-declarations-vs-function-expressions-b43646042052

Les Dejo este material de estudio para reforzar, es excelente como explica Diego pero, en mi caso no se nada de programacion asi que refuerzo con este material, Dont give up! https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Functions

cuando le pones velocidad al 1.75x o 2.0x

Como sabemos que es una par谩metro y que es un argumento, para esto usaremos en el ejemplo funciones declarativas:

function miFuncion(a, b) { return a+b}

A estas variables que se declararon en el par茅ntesis de la funci贸n es a lo que se le llaman par谩metros
miFuncion(1, 3);

A los valores que se pasan en medio de los par茅ntesis al momento de llamar la funci贸n es a lo que se llaman argumentos

Funciones

Las funciones son uno de los pilares fundamentales en JavaScript. Una funci贸n es un procedimiento en JavaScript, un conjunto de sentencias que realizan una tarea o calculan un valor. Para usar una funci贸n, debe definirla en alg煤n lugar del 谩mbito desde el cual desea llamarla.

La declaraci贸n de una funci贸n consiste de la palabra reservada function, seguida por:

  • El nombre de la funci贸n (opcional).
  • Una lista de argumentos para la funci贸n, encerrados entre par茅ntesis y separados por comas.
  • Las sentencias JavaScript que definen la funci贸n, encerradas por llaves.

Ejemplo de una funci贸n b谩sica:

function areaCuadrado( lado ) {
    return lado * lado;
}

// Llamado de la funci贸n para su ejecuci贸n
areaCuadrado(5);

Existen diferentes tipos de funciones como lo son:

  • Funciones An贸nimas
  • Funciones de Flecha

Las funciones que no tienen especificado el retorno con la palabra reservada return, regresar谩n undefined.

Existe un tipo de declaraci贸n en los par谩metros de una funci贸n en el cual no se necesitan especificar el n煤mero de par谩metros que se van a recibir, eso se hace de la siguiente manera:

// Trabajar con los argumentos en una funci贸n de flecha
const imprimeArgumentos = function(...args) {
    return args;
};
imprimeArgumentos(10, true, false, "Alejandra", "Hola");

Tip. Declarativas (son funciones que se declaran directamente).
De expresi贸n (son funciones guardadas dentro de una variable y no tiene nombre propio).

Exitos 馃槂


Satisfecha con la metodolog铆a de Diego! Se entiende perfecto鈥 este es mi intento n煤mero 345435436346 de coger el hilo y tengo el presentimiento que lo lograr茅 si este profesor sigue orientando el curso como lo lleva ahora鈥

Hola a todos! Ac谩 les comparto mis apuntes para esta clase.
脡xito!

**P.D.: **Ir茅 dejando todos los apuntes en un tutorial, por ac谩 --> https://platzi.com/tutoriales/1814-basico-javascript/9339-guia-completa-curso-basico-de-javascript/

C贸digo ASCII para el acento grave (`): Alt + 96

FUNCIONES
Son un conjunto de sentencias que nosotros podemos utilizar para generar ciertas acciones con los valores que ya guardamos antes en las variables.
Tenemos dos tipos de funciones
鈥 Declarativas: va a inicializar un valor y lo guardamos en memoria.
鈥 Expresi贸n (tambi茅n conocidas como funciones an贸nimas): vamos a crear una variable donde guardamos la funci贸n en memoria.
Las funciones tambi茅n necesitan par谩metros que estoy esperando recibir como valor para que la funci贸n pueda hacer algo.
鈥 Par谩metros de la funci贸n: nos ayudan a generar c谩lculos o resultados de la funci贸n.

Super la expliacion, aqui el resumen

//hay dos tipos de funciones
// funciones declarativas

function miFuncion(){
    return 3;
}

//asi hago el llamado
miFuncion();

// funciones de expresion
//declaramos una variable que guarda una funcion
// los parametros van dentro de los parentesis cuando declaro la funcion
var miXFuncion = function(a, b){
    return a + b;
}

//asi hago el llamado
miXFuncion(2, 3);

function saludarEstudiantes(estudiante) { 
    console.log(`hola ${estudiante}`); 
}

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

ahora preg煤ntense amigos de platzi como hago que los valores de las variables x = 4 y y = 8 como tambi茅n el resultado de z sumado por las variables x + y se impriman en pantalla todos juntos como un conjunto de valores ? pues aqu铆 esta el resultado y cr茅eme que me funcion贸 el c贸digo, solamente me tom贸 10 min pensarlo, ahora prueba mi c贸digo que estas viendo en este momento en la consola del inspector de elementos y veras.

function elementos () {
    var x = 4;
    var y = 8;
    var z = x + y;
    var elementos = [x,y,z];  
    return elementos; 
} 

elementos();
(3) [4,8,12]
var Piedra = 1;
var Papel = 2;
var Tijera = 3;

//funci贸n para validar valor contra aleatorio (entre 1 y 3) de la pc
function jugar(valor){
    var pc = Math.round(Math.random()*(3-1)+parseInt(1));
    var resul = valor * pc;
    if(valor === 1 && resul === 2){ 
        console.log("Pierdes!, Papel gana sobre Piedra")
    }else if (valor === 2 && resul === 2){
        console.log("Ganas!, Papel gana sobre Piedra")
    }else if (valor === 1 && resul === 3){
        console.log("Ganas!, Piedra gana sobre Tijeras")
    }else if (valor === 3 && resul === 3){
        console.log("Pierdes!, Piedra gana sobre Tijeras")
    }else if (valor === 2 && resul === 6){
        console.log("Pierdes!, Tijeras gana sobre Papel")
    }else if (valor === 3 && resul === 6){
        console.log("Ganas!, Tijeras gana sobre Papel")
    }else{
        console.log("Empate!")
    }
}

jugar(Piedra); //llamamos a funci贸n

tenia pensado saltarme el curso para arrancar Profesional, pero la verdad que esto aclara muchisimo el panorama para los que recien estamos empezando, gracias.

Les comparto mi apunte 馃殌 馃槂
JavaScript: variables y funciones

Existen 3 maneras de definir funciones:

|
Las tres formas de definir las funciones son correctas. Pero hay una sutil diferencia en cuando debemos usar cada m茅todo.
|

  • Las funciones declarativas son buenas para uso general, pero el problema est谩 en que no se pueden asignar funciones a los objetos directamente de esta manera.

-Las funciones expresivas son las m谩s recomendable de usar, a su vez, son muy 鈥渁migable con los objetos鈥.

  • Y por ultimo, las funciones constructoras no son recomendables son menos amigable en t茅rminos de codificaci贸n y son m谩s lento en t茅rminos de rendimiento, s贸lo si eres un entusiasta orientado a los objetos o buscas un desaf铆o.

COMILLAS INVERTIDAS ( ` )

  • ALT + 96

馃惐鈥嶐煉 Podemos usar CTRL + R para reiniciar la consola del navegador.

al declara una funci贸n expresiva o tambi茅n una arrow function, es mejor utilizar const ya que no se la volver谩 a reasignar un valor a futuro. No utilicen var.

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

Para poder saltar de l铆nea en la consola del navegador presionan shift + enter y con la tecla _tab _ pueden desplazar el c贸digo a la derecha dentro de la funci贸n, algo nuevo para mi.

Esta clase me tom贸, m铆nimo, 2 horas. Gracias al profe por cada explicaci贸n y a los compa帽eros/as que realizan aportes tan valiosos para reforzar el aprendizaje.

No s茅 porqu茅 pero la consola me parece divertida

El profesor a la hora de nombrar las funciones utiliza una nomenclatura com煤n en programaci贸n que se conoce como camelCase

aqu铆 un link que explica brevemente en qu茅 consiste:

https://techlib.net/definition/camelcase.html

Intento de una funcion para darte las gracias c:

function agradecer(profesor){
    return "Gracias por la leccion " + profesor;
}

La Comilla que utiliza en consola ` es Alt+96
馃槃

DIFERENCIAS ENTRE DECLARATIVAS Y EXPRESION
DECLARATIVAS: Podemos agregar los par谩metros antes de ser invocar la funci贸n. Por ejemplo:

alert( add( 3, 5 ) ); // 8
 
function add( x, y ){
  return x + y;
}

EXPRESION: En esta solo podemos agregar los parametros luego de ser invocada. Por ejemplo:

alert( add( 3, 5 ) ); // ErrorType: add is not defined
 
var add = function add( x, y ){
  return x + y;
}

Les comparto mi resumen para este cap铆tulo.

Muy interesante, al principio no logre entender muy bien como se crear las funciones pero intente realizar los mismos ejemplos sin copiar y pude entender todo. Si no logran entender adjunto un sitio web que habla solo de funciones basicas y armen sus propias funciones https://devcode.la/tutoriales/funciones-en-javascript/

console.log (鈥楬ola ${variable}鈥); <鈥 no sabia que se pod铆a hacer de esta manera, yo normalmente hacia: console.log(鈥楬ola鈥 + variable), una nueva forma 馃槂 excelente

Hay un tipo de funcion que se llama IIFE, que significa Expresi贸n de Funci贸n Invocada Inmediatamente.

Por supuesto, los IIFE no necesitan nombres, necesariamente 鈥 la forma m谩s com煤n de IIFE es usar una expresi贸n de funci贸n an贸nima. Aunque ciertamente es menos com煤n, nombrar un IIFE tiene beneficios sobre las expresiones de funci贸n an贸nimas, por lo que es una buena pr谩ctica.

la ventaja es que optimiza el codigo ya que no debo nombrar y llamar la funci贸n
.

entonces las arrow function son la evoluci贸n de las funciones expresivas, en donde el nombre de la funci贸n pasa a ser el nombre de la variable y los parametros con el bloque de codigo su valor

var saludo = (nombre) => { console.log("hola " + nombre); }```
// ** FUNCIONES

// declarativa
function miFuncion() {
  return 3;
}

// expresi贸n
var miFuncion = function () {
  return a + b;
};
miFuncion();

// Ejemplo > Funcion declarativa 
function saludarEstudiantes(estudiante) {
  // template strings `texto ${variable}`
  console.log(`Hola ${estudiante}`);
}

saludarEstudiantes("Luis")
// Resultado: Hola Luis

Hola, en esa p谩gina podr谩n aprender muchas cosas de JS jugando. Es un muy buen recurso de Google gratuito y al final viene un modulo que te ense帽a c贸mo resolver problemas de entrevistas t茅cnicas.

https://learn.grasshopper.app/

//declarativa
function suma(a, b) {
    return a + b;
}

//expresion
var suma = function(a, b){
    return a + b;
}

Notas de esta lecci贸n:

/*
Las funciones son un conjunto de sentencias, que utilizamos para realizar acciones con valores que guardamos en las variables.
Funciones son como procedimientos o tares.

Para llamar una funci贸n, se coloca el bombre de la funci贸n, seguido de "()". El "()" le dice a JS que hay mismo se llama la funci贸n.
Dentro de "()", se indican los par谩metros.

function() es una funci贸n an贸nima porque no tiene nombre.
*/

//Declatativas
function miFuncion1(){
    return;
}

//De expresion
var miFuncion2 = function(){
    return;
}

//De expresi贸n con par谩metros
var miFuncion3 = function(a,b){
    return a + b;
}

//Llamando una funci贸n.
miFuncion1();
miFuncion2();
miFuncion3(1,2);


//Uso de par谩metros de una funci贸n.
var estudiante = "Diego"

holaEstudiante1(estudiante);
holaEstudiante2(estudiante);

function holaEstudiante1(estudiante){
    console.log(`Hola ${estudiante}`);
}

function holaEstudiante2(estudiante){
    console.log("Hola " + estudiante);
}

//Uso de par谩metro de una funci贸n con return

var num1 = 10;
var num2 = 25;

console.log("Resultado: " + calcular(num1,num2));

function calcular(x,y){
    var resultado = x + y;
    return resultado;
}```

shift + enter
para hacer saltos de linea dentro de la consola de Chrome

les dejo mis notas de la clase:

Un par谩metro no es lo mismo que un argumento!!

  • El par谩metro es la variable que se declara para que un determinado bloque de c贸digo (en este caso una funci贸n) la utilice.
function miFuncion( a, b ) {
return a + b;
}
  • El argumento es el valor per se que ser谩 enviado a la variable.
miFunction( 10, 20 ); //30

estas son las notas que estoy tomando en notion, es la primera vez que lo uso, 驴algun consejo?

PD: espero que le sean utiles a alguien mas

Funciones

Las funciones son como un conjunto de sentencias que nosotros podemos utilizar para generar ciertas acciones con los valores que ya guardamos antes en las variables. Hay 2 tipos de funciones:

Declarativas

Para mandarlas llamar o para generar una funci贸n declarativa, vamos a usar una palabra clave llamada 鈥渇unction鈥 una vez que tengamos esta palabra clave, debemos darle un nombre a esa funci贸n.

//Declarativas
function miFuncion() {}

La funci贸n de igual forma va a guardar ciertos valores, as铆 que cuando Javascript y el navegador ve la palabra reservada 鈥淔unction鈥 lo que har谩 es guardar el valor utilizando el nombre de la funci贸n para reservar un espacio en memoria y guardar el c谩lculo o la operaci贸n que estemos haciendo dentro de la funci贸n.

//Declarativas
function miFuncion() {
return 3; 
}

Expresi贸n

La forma de generar una funci贸n de expresi贸n, lo haremos con una variable. Las variables tambi茅n pueden guardar otro tipo de valores. Este valor ser谩 una Funci贸n. Vamos a usar la palabra reservada de 鈥淰ar鈥 y lo que hacemos es mandar a llamar la palabra reservada 鈥淔unction鈥

//Expresi贸n

var miFuncion = function() {  
return a + b;
 }

En este ejemplo estamos mandando a llamar 2 elementos que no s茅 cu谩les son. La funci贸n no entiende a qu茅 nos referimos porque no estamos declarando variables adentro de mi funci贸n. Las funciones tambi茅n necesitan par谩metros que vamos a usar al momento de estar trabajando con estas funciones. Lo que vamos a hacer es poner los par谩metros que yo espero y al momento de llamar esta funci贸n tengo que darle los par谩metros esperados para recibir como valor.

var miFuncion = function(a,b) {  
return a + b;
}

miFuncion();

Que f谩cil se entendi贸 lo que son las funciones despu茅s de 2 cursos de Desarrollo Web sufriendo porque solo las usaban sin explicar jajaja

Peque帽o aporte porque al principio confunde por usar miFuncion como nombre en ambos tipos de funci贸n, declarativa y expresiva.

//DECLARATIVA
function nombrequelediFuncion() {
}
//LA INVOCO:
nombrequelediFuncion();

//EXPRESIVA
var nombrevarible = function(){ }
//LA INVOCO:
nombrevariable();

La expresiva NO IMPORTA el nombre porque lo que importa es que es una variable y como tal la invocas.

Excelente clase, conoc铆a otra forma de concatenar strings con variables, cual ser铆a la mejor opci贸n?

yo lo hice as铆

function saludarEstudiante(estudiante) {
    console.log("Hola "+estudiante); 
}```

//declarativas

function miFuncion() {
    return 3;
}

miFuncion();

//expresi贸n o anonimas

var miFuncion = function(a,b){
    return a+b;
}

miFuncion();


//concatenar 

function saludarEstudiante(estudiante){
    console.log(`Hola ${estudiante}`);
}

saludarEstudiante("Jorge");

5. Funciones

Les comparto el c贸digo de la clase:

//Declarative
function myFunction1() {
    return 3;
}
myFunction1();
//Expressive or anonymous function, because it doesn't have a name

var myFunction2 = function(){
    return 5;
}
myFunction2();

//function example 1
function sayHi(value) {
    console.log(`Hi ${value}`);
}
var student = "Aldo";
sayHi(student);

//function example 2

function sum(a,b) {
    return a + b;
}
//I print the result in the console
console.log(sum(2,2));

Obviamente, agrego el meme del d铆a:

Las funciones de expresi贸n, son funciones declaradas inmediatamente en una variable.

alt + 96
para que aparezcan las ``

Buen d铆a para los que no pueden colocar el 鈥鈥 lo pueden colocar escribiendo 鈥淎lt + 96鈥.

Saludos 馃槂

Habia visto muchos tutoriales sobre como usar funciones pero con este video al fin me queda claro muchas gracias

una pagina que les puede ayudar https://jsconsole.com/

Excelente forma de explicar la de este maestro!

comparto esta pagina es muy conocida y puedes maquetar o hacer cosas con javascript ,css y html

https://codepen.io/search/pens?q=javascript

Un poco m谩s de infromaci贸n acerca de las funciones en JS https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Functions

Entonces los parametros son como variables?

Sintaxis de la funci贸n de JavaScript
Una funci贸n de JavaScript se define con la functionpalabra clave, seguida de un nombre , seguido de par茅ntesis () .

Los nombres de funciones pueden contener letras, d铆gitos, subrayados y signos de d贸lar (las mismas reglas que las variables).

// Funci贸n Declarativa
function myFunction() {
return 鈥淢i nombre es Christian鈥;
}

// Funci贸n Expresiva o Funci贸n An贸nima
var myFunction = function () {
return 鈥淢i nombre es Christian鈥;
}

//Par谩metros: son valores que la funci贸n recibe.
function myFunctionParameter(a, b) {
return a + b;
}

//Ejemplo:
function saludoEstudiantes(estudiante){
console.log(Hola! Soy ${estudiante});
}

//Interpolaci贸n de Cadenas
console.log(Hola! Soy ${estudiante});

Diferencias pr谩cticas?

Hasta ahora todo confuso!

Las funciones son las tareas que va a llevar a cabo el navegador. Existen 2 tipos de funciones

  1. Declarativas
  2. De expresi贸n
    Ambas pueden llevar par谩metros, que son los datos que necesitan para ejecutarse.
    Cada par谩metro va separado por una coma.
    Cada instrucci贸n que tenga la funci贸n debe terminar con ; .
    Si queremos que una funci贸n nos d茅 un numero o dato tenemos que usar la siguiente sintaxis:

return El dato que queremos que nos d茅;

Las funciones declarativas tienen la siguiente sintaxis:
function Nombre de la funci贸n (Par谩metros de la funci贸n) {Instrucciones}

Un ejemplo de una funci贸n puede ser una suma:
_
function suma (a,b) {return a+b;}_

Las funciones de expresi贸n son aquellas que guardamos en una variable, por lo tanto, no es necesario nombrarlas y tienen la siguiente sintaxis:
_var Nombre de la variable = function(Parametros){Instrucciones}.
_

Un ejemplo de una funci贸n de expresi贸n ser铆a:

var suma = function(a,b){return a+b;}

Para ejecutar las funciones debemos usar la siguiente sintaxis:
_Nombre de la funcion(Parametros funci贸n); _

Si la funci贸n no tiene ning煤n par谩metro, 煤nicamente se escribe:

_Nombre de la funci贸n(); _

son las funciones y c贸mo las podemos utilizar.

Y para poder hablar de funciones hay que entender Las funciones son como un conjunto de sentencias que

nosotros podemos utilizar para generar ciertas acciones con los valores que ya guardamos antes en las

variables es una funci贸n. Cuando estemos trabajando con funciones lo vamos a ver como un procedimiento

o como tareas. Este conjunto de sentencias que vamos a hacer Add dentro en la funci贸n para

hacer ciertos pasos o c谩lculos utilizando sus valores para poder regresar.

Nos otra cosa poder validar otra cosa o generar otra cosa.

Vamos a pasar el c贸digo para poder hacer ejemplos de que son las fusiones y como las vamos a utilizar

Una vez que estemos el editor de texto, vamos a generar un nuevo archivo extensivo

Se va a llamar funciones punto J es estando aqu铆 antes de empezar a trabajar con funciones.

Hay que entender que hay dos tipos de funciones funciones declarativa, Tags y funciones de expresi贸n

Como mandamos llamar o c贸mo generamos una funci贸n declarativa.

Primero vamos a utilizar esta palabra clave y es una palabra reservada de llaves.

Creo que se llama fuese Una vez que tengamos esta palabra clave Tenemos que darle un nombre esa funci贸n

aqu铆 le voy a poner Mi funci贸n. Vamos a generar par茅ntesis.

Vamos a abrir, ya ves Y con esto ya tenemos declarada una funci贸n declarativa.

Y es justamente eso c贸mo estamos ocupando esta palabra reservada.

Se est谩 declarando autom谩ticamente en la funci贸n La funci贸n.

De igual forma va a guardar ciertos valores. As铆 que cuando ya ves que bien navegador ve

la palabra reservada funci贸n, lo que va a hacer es un Aunque aqu铆 hay otro valor que yo tengo que guardar

Este es una funci贸n. Voy a utilizar el nombre de la funci贸n para reservar un espacio en memoria y

guardar el c谩lculo o la operaci贸n que estemos haciendo a dentro de la funci贸n.

.txt implemente podemos ocupar fot贸n, algo alg煤n n煤mero.

Vamos Q par tres y con esto ya es una funci贸n completa.

Esta una funci贸n que va a inicial Izar un valor en la memoria y va a guardar esto

es la forma de genera una funci贸n declarativa, Ahora la forma y generar una funci贸n de expresi贸n y

que lo vamos a hacer con una variable. Como te comentaba, las variables tambi茅n pueden guardar otro

tipo de valores. Este valor va a ser una funci贸n.

Vamos a ocupar la varia la Pla, palabra reservada de bar.

Vamos a poner Me, Mi funci贸n, darle igual que aqu铆 lo que vamos a hacer.

Nada m谩s mandamos llamar la palabra reservada funci贸n, abrimos par茅ntesis, erramos, par茅ntesis y

generamos nuestras llaves. Ya con esto generamos una funci贸n que es expresiva.

Estamos estamos generando una variable que se llama mi funci贸n, que est谩 guardando una

funci贸n. Se le damos click aqui en mi funci贸n me dice como hoy hay una funci贸n Add

dentro de esa variable y aqu铆 De igual forma podemos generar un reto n para que nos regrese un valor

y podemos hacer tipo a m谩s. Ve que esto es como ser铆a El valor de dos variables que

podemos mandar llamar afuera de la funci贸n para poder regresar algo.

Pero con esto ya tenemos una funci贸n expresiva que nosotros vamos a utilizar cuando

estamos hablando de funciones. Por ejemplo, en este ejemplo particular estoy mandando llevar dos

elementos que no se cuales son La vez que no tengo idea.

Declaraci贸n de funciones

Las funciones se declaran con la palabra reservada function seguido del nombre de la funci贸n, luego los par茅ntesis donde pueden ir los par谩metros y posteriormente y entre llaves el bloque de c贸digo a ejecutar

function sumar (num1, num2) {
  console.log(num1 + num2)
}
sumar(10, 20)

para ejecutarlas simplemente debemos escribir el nombre de la funci贸n y de ser necesario escribir o asignar sus par谩metros.

Funciones de flecha

Ahora con las funciones de flecha se declaran a partir de la palabra reservada const seguida del nombre de la funci贸n, luego un igual seguido de los par茅ntesis para los par谩metros y una 鈥渇lecha鈥 que apunta al bloque de c贸digo a ejecutar el cual se encuentra entre par茅ntesis para retornar

const sumarDos = (num1, num2) => (
	 return (num1 + num2)
)
resultado = sumarDos(10, 50)
console.log(resultado)

const sumarDos = (num1, num2) => (num1 + num2)
resultadoDos = sumarDos(10, 50)
console.log(resultadoDos)

tambi茅n se pueden usar par谩metros por defecto al declararlos dentro de los par茅ntesis y tener la posibilidad de reemplazar o no dichos par谩metros al momento de usar la funci贸n.

Tambi茅n puede usar REPLIT para hacer sus practicas.

https://replit.com/@xi0mara/practica1#index.js

Me gusto mas esta explicacion https://www.youtube.com/watch?v=e3EyqGnb6XM

Funciones

Las funciones son partes de c贸digo reutilizables en el que hay un conjunto de instrucciones, este c贸digo se ejecuta al llamar a dicha funci贸n.

Existen dos tipos de funciones:

  • Declarativas 鈫 En las funciones declarativas, utilizamos la palabra reservada function al inicio para poder declarar la funci贸n:
function saludar(nombre) {
	console.log(`Hola ${nombre}`);
}

saludar('Diego');
  • De expresi贸n 鈫 En las funciones de expresi贸n, la declaraci贸n se inicia con la palabra reservada var, donde se generar谩 una variable que guardar谩 una funci贸n an贸nima.
var nombre = function(nombre){
    console.log(`Hola ${nombre}`)
}

nombre(鈥楧iego鈥);

Investigue que las Funciones declarativas = son asignadas a la memoria por lo que la podemos llamar antes sin problemas. y que las Funciones de expresi贸n = NO son asignadas en memoria por lo que no pueden ser llamadas antes.

Este mi resumen espero les sirva.

para escribir las comillas invertidas = Alt+96 = ``
function saludarEstudiante(estudiante){
console.log(hola ${estudiante});
}

Para LINUX ,presionar Ctrl + Shift y, sin soltar los botones, escribe U+ 60. Luego, suelta Ctrl + Shift + U y listo, habr谩s escrito un acento grave o franc茅s con tu teclado en Linux.

Creo que en esta clase he podido tener bien claro lo que es una funci贸n.

Les dejo mi resumen. Espero les sea de utilidad.

Buenas tardes les comparto esta p谩gina donde podemos practicar javascript en el navegador:
https://jsbin.com

alt + 96 = ``

Se enrrolla demsaiado el profe

Buenas tardes queria consultar si mi programa basico que simula un cajero (atm) esta correcto y como podria verificarlo yo mismo porque en la herramiento de crohme me sale undefined nada m谩s

let pin = 鈥85940鈥;
let type_card = " debit_card";
let type_card2= 鈥渃redit card鈥;
let date_base_pin=鈥85940鈥;
let validacion = pin === date_base_pin;

function tycard() {
switch (type_card) {
case 鈥渄ebit_card鈥:
console.log (鈥渂ienvenido ingrese el pin de su tarjeta鈥);
if (validacion === True)
{
console.log (" pin es correcto por favor ingrese el monto que desea sustraer de su caja de ahorro");
}
else (validacion === False)
{
console.log (" el codigo es invalido intente de nuevo");
}

break;

case 鈥渃redit card鈥:
console.log (" ingreso una tarjeta de credito, para retirar dinero use la de debito");
break;
default:
console.log (鈥渆rror, esto no es una tarjeta鈥);
}
}

function verificacion_pin (){
tycard ();
if (validacion === True)
{
console.log (" pin es correcto por favor ingrese el monto que desea sustraer de su caja de ahorro");
}
else (validacion === False)
{
console.log (" el codigo es invalido intente de nuevo");
}

}

las plantillas de texto no son soportadas en IE, incre铆blemente al d铆a de hoy hay que considerarlo por que hay usuarios que todav铆a usan ese explorador :S

ALT + 96 para hacer el template string

explica muy bien

Las funciones son las tareas que va a llevar a cabo el navegador. Existen 2 tipos de funciones

  1. Declarativas
  2. De expresi贸n

Hola, Solo quer铆a compartir que se puede usar la palabra reservada

typeof mifuncion()

Y as铆 conocer el tipo de valor que retorna una funci贸n
igual si se usa sin () te muestra si en verdad es una funci贸n, aun si es del tipo Funci贸n de Expresi贸n

Tambi茅n quiero preguntar si con el nuevo ES6 aun es recomendable usar var para la declaraci贸n de Funciones de expresi贸n o si se debe usar let y const para todo (cheque y con ambas funcionan perfectamente las funciones)

Gracias 馃榿

Funciones en JavaScript

Introducci贸n

/* function, palabra reservada
para definir una funci贸n */

//Funciones DECLARATIVAS

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

// Se debe llamar a la funci贸n, y se debe
// ingresar los par谩metros en este caso

sumar (1, 5); // 5
sumar (1, "hola"); // "1 hola"
sumar (false, 5); // 5

//Funciones de EXPRESION o AN脫NIMAS

var adicion = function(a, b){
    var r = a + b;
    return r;
}

//llamar la funci贸n usando el nombre de la variable
//se debe ingresar los parametros en este caso

adicion (4, 5); // 9
adicion (1, "hola"); // "1 hola"
adicion (false, 5); // 5

Never stop learning!

Las funciones declarativas ser谩n le铆da por el interprete antes que el resto del c贸digo por lo tanto podemos llamarlas antes de definirlas, sin embargo, las de expresi贸n o an贸nimas no.

//Declarativas

function miFuncion() {
    return 3;
}

miFuncion();


//De Expresi贸n:

var miFuncion2 = function(a,b) {
    return a + b;
}

miFuncion2(a,b);

Hay dos tipos, Declarativas y de expresion
.
Podemos llamarlas o crearlas con function
.
O tambi茅n podemos crear funciones discretas o Expresivas.

Var miFunction = function (){
    let = "say hello :D"
}

La finalidad de las funciones es procesar la entrada de un dato o datos (input) y dependiendo del proceso retornar un output

este curso debiese haber estado al principio de la ruta! explica perfecto para principiantas como yo !

aunque no es buena explicaci贸n es suficiente para que entiendan lo que es funciones

Me puse a jugar con lo ense帽ado y llam茅 a una funci贸n dentro de otra funci贸n 馃ぃ

var nombre = "Florondio";

function saludarEstudiantes(estudiante, a, b) {
    console.log(`隆Hola ${estudiante}! La suma de ${a} + ${b} es igual a ${suma(a, b)}`);
}

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

saludarEstudiantes(nombre, 2, 5);

Las plantillas de texto (o Template Strings) son cadenas literales de texto incrustadas en el c贸digo fuente que permiten su interpolaci贸n mediante expresiones. Hist贸ricamente, el nombre que ha recibido esta estructura es la de Quasi Litarals (鈥榗asi literales鈥).

Su sintaxis es sencilla y consta de dos aspectos fundamentales:

  1. Se utilizan las comillas invertidas (`) para delimitar las cadenas
  2. Para a帽adir marcadores de posici贸n (o placeholders) utilizamos el signo de dolar ($) seguido de llaves
var myTemplateString = 'La donna e mobile cual piuma al vento';
 
console.info( `String value: ${ myTemplateString }` );
// String value: La donna e mobile cual piuma al vento

Lo de las comillas invertidas se realiz贸 para evitar una NO compatibilidad con versiones anteriores de ES6 que ya utilizan la comilla simple para cadenas comunes. Recomiendo investigar sobre la interpolaci贸n de cadenas para los distintos tipos de dato y objeto en JavaScript.

Saludos

con el console.log podemos inspeccionar nuestros programas, pues aqu铆 se ver谩n reflejadas todas las cosas que est茅n dentro de lo que le hagamos console.log.

#Diferencias entre funciones declarativas y expresivas

  • Si la funcion es Declarativa la Call Stack de JS la la lee primero y despues ejecuta el codigo, por lo que puede declararse en cualquier lugar del codigo.
  • Si es Expresiva, la funcion es tratada como variable por lo que si no es declarada ante de ser usada arrojara un Reference error
console.log(declarativa())
console.log(expresiva())

const expresiva =  function(){
    return "Esta es una funcion expresiva";
}

function declarativa(){
    return "Esta es una funcion declarativa";
};

Entonces una funci贸n declarativa es lo normal :
function nombre (par谩metros) {
instrucciones
}
las funciones de expresi贸n o an贸nima no necesariamente tienen que llevar un nombre
var x = function ( par谩metros ) {
instrucciones
}

En resumen, use funciones declarativas cuando desee crear una funci贸n en el 谩mbito global y hacerla disponible en todo su c贸digo. Use funciones expresivas para limitar d贸nde est谩 disponible la funci贸n, mantenga la memoria ligera y mantenga una sintaxis limpia

Les comparto una explicaci贸n aun mas clara sobre las funciones expresivas y declarativas.

Funciones Declarativas:
En las funciones declarativas, utilizamos la palabra reservada function al inicio para poder declarar la funci贸n:

function saludar(nombre) { console.log(Hola ${nombre}`);
}

saludar(鈥楧iego鈥);`

Expresi贸n de funci贸n:
En la expresi贸n de funci贸n, la declaraci贸n se inicia con la palabra reservada var, donde se generar谩 una variable que guardar谩 una funci贸n an贸nima.

var nombre = function(nombre){ console.log(Hola ${nombre}`)
}

nombre(鈥楧iego鈥);`