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 “amigable 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 (‘Hola ${variable}’); <— no sabia que se podía hacer de esta manera, yo normalmente hacia: console.log(‘Hola’ + 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 “function” 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 “Function” 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 “Var” y lo que hacemos es mandar a llamar la palabra reservada “Function”

//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 “Alt + 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 “Mi nombre es Christian”;
}

// Función Expresiva o Función Anónima
var myFunction = function () {
return “Mi 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 “flecha” 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(‘Diego’);

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= “credit card”;
let date_base_pin=“85940”;
let validacion = pin === date_base_pin;

function tycard() {
switch (type_card) {
case “debit_card”:
console.log (“bienvenido 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 “credit card”:
console.log (" ingreso una tarjeta de credito, para retirar dinero use la de debito");
break;
default:
console.log (“error, 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 (‘casi 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(‘Diego’);`

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(‘Diego’);`