Funciones en javascript

PRESENTAción

FUNCIONES EN JAVASCRIPT

Presentado por: Diego rojas, Herbi Menesesr

Empezar

Resumen

Las funciones son bloques de código reutilizables que realizan tareas específicas. Permiten modularizar el código, hacerlo más legible y evitar la duplicación de código. En JavaScript, las funciones son objetos de primera clase, lo que significa que se pueden crear, pasar como argumentos y almacenar en variables.

ÍNDICE

TEMAS A TRATAR

Parametros REST

Con/sin parametros

Rediccionadores

Call/Apply

SPREAD

Anidadas

Funciones autoejecutable

Multianidadas

Funciones flecha

Clousure

Arguments[]

Funciones anónimas

Decoradores

Funcion Bind

Parametros predetermi

todo sobre Funciones

sin parametros

Una función JavaScript puede requerir ser llamada pasándole cierta información o no requerir información. Definición de una función sin parámetros (no requiere información):

+ INFO

Funciones anidadas

Una función anidada es una función dentro de una función. Esta característica es compatible con muchos lenguajes de programación, incluido JavaScript.La función en el exterior se denomina función exterior. La función anidada en el interior se llama función interna. Cada función puede aceptar diferentes argumentos.

funciones multianidadas

Las funciones anidadas múltiples pueden ser útiles para organizar y modularizar el código, especialmente cuando se necesita compartir lógica específica dentro de un ámbito limitado. Sin embargo, es importante tener en cuenta la legibilidad del código y evitar una anidación excesiva que pueda complicar la comprensión del mismo.

+ INFO

funciones arguments[]

Con arguments es un objeto similar a Array accesible dentro de funciones que contiene los valores de los argumentos pasados a esa función. El objeto arguments es una variable local disponible en todas las funciones que no son funciones flecha.

+ INFO

Funciones con parametros predeterminados

• Los parámetros predeterminados en las funciones son muy fáciles de implementar, sin embargo tenemos que seguir unas pocas reglas. Básicamente, la más importante es la del orden de los parámetros en las llamadas a las funciones, que debe realizarse tal como está definido en la cabecera de la función.

+ INFO

Funciones con parametros rest

La sintaxis de los parámetros rest nos permiten representar un número indefinido de argumentos como un array. Los parámetros de tipo REST son una nueva funcionalidad añadida al lenguaje en la especificación ES6. Se aplican en funciones (tradicionales o anónimas) y permite recibir n número de parámetros.

+ INFO

funciones spread

La sintaxis extendida o spread syntax permite a un elemento iterable tal como un arreglo o cadena ser expandido en lugares donde cero o más argumentos (para llamadas de función) o elementos (para Array literales) son esperados, o a un objeto ser expandido en lugares donde cero o más pares de valores clave (para literales Tipo Objeto) son esperados.

+ INFO

FUNCIONES AUTOEJECUTABLES

Las funcion autoinvocada o funciones autoejecutables en JavaScript son uno de los patrones de diseño más particulares de este lenguaje de programación. Como su nombre indica, este patrón de diseño se caracteriza porque las funciones se llaman a sí mismas después de ser declaradas. Esto quiere decir que se ejecutarán de manera inmediata después de ser creadas.

+ INFO

funciones clousure

Es una función especial que puede acceder a variables de su entorno, incluso después de que la función externa haya terminado de ejecutarse. En otras palabras, un closure "recuerda" el estado de su entorno léxico (el ámbito donde fue creada), permitiéndole acceder a variables definidas fuera de su propio código.

+ INFO

Decoradores/rediccionadores

EN JAVASCRIPT

Rediccionad-ores

Decoradores

Hay varias formas en JavaScript para redirigir al usuario. Depende de los requisitos comerciales sobre qué tipo de comportamiento de redireccionamiento debe tener el sitio

Los decoradores son excelentes para mejorar la legibilidad, mantenibilidad y reutilidad del código.

+ INFO

+ INFO

APPLY

• Puede estipularse un objeto this diferente al llamar una función. this se refiere al objeto actual, el objeto haciendo la llamada. Con apply, puede escribirse un método una vez y heredarlo a otro objeto, sin necesidad de reescribir el método para adecuarlo al nuevo objeto.

CALL

• call() permite que una función/método que pertenece a un objeto, ser asignada y llamada para un objeto diferente.

+ INFO

Las funciones flecha en JavaScript se crearon para simplificar el uso del `this` y hacer que las funciones sean más fáciles de entender.

Funciones flecha

Algunas caracteristicas: Concisión: Poseen una sintaxis más breve que las funciones convencionales. Retorno implícito: Si tienen una expresión, devuelven automáticamente su resultado.

Funciones bind

La función bind() es un método que permite crear una nueva función a partir de una función existente. La nueva función creada tiene dos características principales:

• Contexto (this) fijado
• Argumentos parciales (opcional)

+ INFO

FUNCIONES ANONIMAS

Son aquellas que no han sido declaradas con un nombre. En este lenguaje de programación, podemos declarar este tipo de elemento usando cualquiera de los modos de escribir funciones

+ INFO

SIMILITUDES

La función apply es muy similar a la función call. La única diferencia entre call y apply es la diferencia en cómo se pasan los argumentos. • call — pasamos argumentos como valores individuales, comenzando desde el segundo argumento • apply — los argumentos adicionales se pasarán como un arreglo

Ejemplo

ALGUNAS CARACTERISTICAS

Crea una nueva función: El método bind() crea una nueva función que, cuando se llama, asigna a su operador this el valor entregado. Predefine argumentos: Permite predefinir una secuencia de argumentos que preceden a cualquier argumento entregado cuando la función es llamada.

EJEMPLO

Ejemplo

Ejemplo

Ejemplo

Ejemplo

Ejemplo

Ejemplo

Los que se usan

• location.href() //Se puede devolver
• location.replace() //No se puede devolver
• location.assign() //queda guardado en el historial