Funciones

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

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

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

cuando le pones velocidad al 1.75x o 2.0x

Infografia sobre función

Lista de palabras reservadas de JS

https://developer.mozilla.org/es/docs/Web/JavaScript/Referencia/Palabras_Reservadas

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…

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

Exitos 😃

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.

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

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;
}```

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

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]

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");

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

Intento de una funcion para darte las gracias c:

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

🐱‍💻 Podemos usar CTRL + R para reiniciar la consola del navegador.

La Comilla que utiliza en consola ` es Alt+96
😄

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.

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); }```

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

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;
}

No sé porqué pero la consola me parece divertida

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

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/

Les comparto mi apunte 🚀 😃
JavaScript: variables y funciones

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.

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

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

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;
}```

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?

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

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 dejo mis notas de la clase:

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

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

COMILLAS INVERTIDAS ( ` )

• ALT + 96

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();

Excelente explicacion. c:

El profe cuando menciona el símbolo ‘$’ creo que dice “template string” probablemente se refiere a “Template literal” que es un concepto de ECMAScript6 (que se ve mas delante en la escuela de desarrollo web).

También este símbolo se puede confundir con formas de escribir utilizando jQuery. Les comparto un link de stackoverflow con esta info.

https://stackoverflow.com/questions/846585/can-someone-explain-the-dollar-sign-in-javascript

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/

Resumen de la clase.

Formas de declarar una función

Típica

Función flecha

como identificariamos las dos funciones al momento de realizar un proyecto

Para que nos arroje un resultado nuestra función utilizamos la palabra reservada return.

Truco para la consola del navegador: CTRL + R para reiniciar la consola 😉

Tipos de funciones

//Funciones declaraticas

function miFuncion(){ //Creo una función a partir de la palabra reservada function.
    return 3; //Me devuelve 3.
}

miFuncion(); //Invoco la función.

//------------------------------------------------

//Funciones de expresión

var miFuncion = function(){ //Aquí no creo deirectamente la función, sino que meto una función dentro de la variable. La función es anónima.
    return 3; //Me devuelve 3.
}

miFuncion(); //Invoco la función.```

es de practicar mucho, el tema de las funciones esta bastante amplio pero con estos ejemplos quedo muy claro, ahora la misión es practicar

Estoy aprendiendo bastante con el.

Nunca aprendi tanto en una sola clase!!

Podriamos hacer algo asi verdad?

function calcularPrecioTotal(precio){
var impuestos=0.18;
var gastosEnvio=30;
var precioTotal =(precio*impuestos)+gastosEnvio;

return precioTotal;
}

calcularPrecioTotal(27.02);

Tipos de funciones en JS:

• Declarativas
• Expresión.

Me cuesta entender los de las funciones, esperemos como nos va en el camino .

Una función es como una serie de instrucciones que englobamos dentro de un mismo proceso.

su estructura es:

function nombreFuncion() {
Instrucciones de la funciòn
…
}

Las Funciones son un conjunto de sentencias que podemos utilizar para generar ciertas acciones con los valores que guardamos en las variables.

Muy bien explicado!!!
mas claro imposible

Para los que tengan configurado el teclado para latinoamérica, puede sacar las comillas utilizadas en el ejemplo con ctrl + alt + ` y luego presionar la tecla espaciadora.

(a, b) => a + b;

FUNCIONES

- Son un conjunto de sentencias para generar acciones con las variables que se generaron
- Hay dos tipos de funciones (funciones.js):
    - DECLARATIVAS: function + nombre + parentesis + llaves
    - EXPRESION o ANONIMAS: var + nombre + function + parentesis + llaves
                            No se les da un nombre

Genial!!!😃

Alguien sabe como colocar el modo dark tan chevere que tiene el profe en chrome?

FUNCIONES DECLARATIVAS
Se guardan en memoria y pueden ser usadas en cualquier momento del codigo

function myFunction(){}

FUNCIONES EXPRESIVAS
Solo pueden ser invocadas después de su definición.

const myFunction = () => {}
const myFunction = function () => {}

Funciones – Conjunto de sentencias, tareas para generar acciones con los valores en memoria.
Funciones Declarativas.
Funciones de Expresión o Anónimas.
Las funciones necesitan parámetros.
Los nombres de funciones utilizan una letra en mayúscula.

Que loco lo de las funciones anonimas, ojala se profundice más, sino, a buscarlo.

Funciones

Expresivas
Var saludarUsuario = function(nombre){
return Hola ${nombre}
}
Estas que la function no tiene un nombre tambien se conocen como funciones anonimas.

Excelente explicaciones.

toda mi vida llamándole variables a los parámetros hasta hoy, wao que diferencia.

FUNCIONES

Conjunto de sentencias que utilizamos para generar ciertas acciones con los valores que ya guardamos antes en nuestras variables.

Es como un procedimiento o tareas que se van hacer dentro de la función para hacer ciertos pasos o cálculos utilizando esos valores para validar o generar otra cosa.

Existe alguna diferencia relevante entre hacer esto

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

y esto?

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

si me equivoco en una linea de codigo en la consola de google, como hago para borrar esa linea si ya le di enter ya que solo puedo borrar todo la consola es la unica manera?

Pasar de programación estructurada a funcional, hace que toque reaprender el concepto de funciones!

Por ahora todo sencillo de como declarar una función…

aporte:

al momento de declarar una funcion, esos valores que se necesita la funcion para sus tareas posteriores se les llama argumentos:

function square(argumento) {
  return argumento * argumento;
}

luego, cuando se manda a llamar la funcion square, los datos que le da para que haga su trabajo se llaman parametros:

square(3) //parametro

Tambien están las Arrow Functions que son una sintaxis más compacta que una expresión de función regular, por lo que son una buena alternativa a estas últimas, aunque no tienen su propio this, arguments, super ou new.target. Estas expresiones no son adecuadas para ser utilizadas como métodos, y no pueden ser usadas como constructores.

y tienen la estructura

nombreFunction = (a,b) => { return };

//Declarativas
function miFunction(){
    return 2;
}

//De expresión
var x =2, y=3;

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

Apuntes:

Funciones

Las funciones son estructuras de código con instrucciones a ejecutar, estas funciones puede recibir o no parámetros o valores de entrada tenemos dos tipos de funciones declarativas y expresivas.

Función expresiva: Esta se defina cuando una variable de cualquier tipo sea var, let o const toma como valor una función.

const powNumber=function(num){
	return Math.pow(num,2);
}
powNumber(5);

/*La función Math.pow(b,e) me permite obtener la potencia de un numero pasando le dos parámetros la base y el exponente*/

Las funciones declarativas se definen por medio de un identificador después de la palabra reservada “function”

function presentation(user){
	return console.log('Welcome '+user.name+' to course of '+user.course);
}
const user={
    name:'Richard Aguilar',
    course:'JavaScript'
}
presentation(user);

Se me hace más fácil la función de saludarEstudiantes de la siguiente forma, la probé y hace lo mismo que nos explican en la clase:

<code>
function saludarEstudiantes(estudiante) {
console.log("Hola " + estudiante);
}

Para llamar a la función y concatenar las cadenas de texto con las variables se puede hacer de la forma:
console.log(“texto” + variable);

Haciendo typeof a una función.

// EXPRESION
var expreFuncion = function(a, b) {
    return a + b;
};
console.log(typeof expreFuncion);  //function
console.log(expreFuncion(10, 30)); //40 

Las funciones simplemente son uno de los métodos mas utilizados al momento de hacer código excelente clase muy bien explicada

Buena explicación

Aun no conocía las funciones de expresión jeje 😃

Apuntes de la clase

Código de esta clase

Funcion: es un conjuto de instrucciones que podemos invocar atraves de un nombre clave

Ej la actividad de caminar es un conjuto de instrucciones que combina diferentes partes del cuerpo.

// Podemos agrupar un conjuto de instrucciones y invocar atraves de una palabra clave.

Function saludar() {
var saludo = "Hola Mundo";
return saludo; 
}
saludar(); // invocando la funcion

// Podemos  mandar 1 o n cantidad de parametros

Function saludar (nombre, edad){
  console.log("Hola", + nombre);
  console.log("Edad", + edad);
  var resultado = nombre + "tiene" + edad + "años";
}
saludar ("Juan",20); 
var mensaje = saludar("Juan",20);

// Imprimiendo el Mensaje en consola
console.log(mensaje); 

No puedo evitar encontrar similitudes entre JavaScript y Visual Basic for Applications (VBA), ¿A alguien mas le pasó?

Funciones on un conjuto de sentencias que podemos usar para generar ciertas acciones con los valores que guardamos antes en las variables

Parametros

Declarativas

Que son las Funciones