Funciones de JavaScript importantes que debe conocer

Las aplicaciones web dinámicas surgieron después del nacimiento de . Con la creciente popularidad de las aplicaciones web, JavaScript se ha convertido en uno de los idiomas más importantes del mundo actual. Este artículo de funciones de JavaScript explicará las diferentes formas de definir funciones en JavaScript en la siguiente secuencia:

• Introducción a JavaScript
• Fundamentos de JavaScript
• Función JavaScript
• Funciones predefinidas
• Diferentes formas de definir la función JavaScript

Introducción a JavaScript

JavaScript es un nivel alto , interpretado, lenguaje de programación utilizado para hacer que las páginas web sean más interactivas. Es un lenguaje de programación del lado del cliente muy poderoso que hace que su página web sea más viva e interactiva.

Es un lenguaje de programación que te ayuda a implementar un diseño complejo y hermoso en páginas web. Si desea que su página web se vea viva y haga mucho más que quedarse boquiabierto, JavaScript es imprescindible.

Fundamentos de JavaScript

Si es nuevo en el idioma, necesita conocer algunos de los fundamentos de JavaScript que te ayudará a empezar a escribir tu código. Los conceptos básicos incluyen:

• Matrices
• Funciones

Puedes ver el para profundizar en estos conceptos básicos y fundamentos de JavaScript. En este artículo de funciones de JavaScript, nos centraremos en las diferentes formas de definir funciones.

Función JavaScript

Una función de JavaScript es una bloque de código que está diseñado para realizar cualquier tarea en particular. Puede ejecutar una función llamándola. Esto se conoce como invocando o vocación Una función.

Para usar una función, debe definirla en algún lugar del alcance desde el que desea llamarla. La idea es juntar algunas de las tareas que se realizan comúnmente y crear una función para que, en lugar de escribir el mismo código una y otra vez para diferentes entradas, podamos llamar a esa función en particular.

Lo básico sintaxis para crear una función en JavaScript es la siguiente:

function functionName (Parameter1, Parameter2, ..) {// Cuerpo de la función}

JavaScript consta de varios elementos integrados o funciones predefinidas . Pero también nos permite crear funciones definidas por el usuario. Así que sigamos adelante y echemos un vistazo a algunas de las funciones predefinidas de uso común.

Funciones predefinidas

JavaScript tiene varias funciones integradas de nivel superior. Echemos un vistazo a algunas de las funciones integradas en el lenguaje.

Tomemos un ejemplo y veamos cómo funcionan estas funciones predefinidas en JavaScript:

var x = 10 var y = 20 var a = eval ('x * y') // Eval var b = parseInt ('10 .00 ') // ParseInt var c = parseFloat ('10') // ParseFloat escape ('Bienvenido to Edureka ') // Escape unescape (' Bienvenido a Edureka ') // Unescape

Diferentes formas de definir la función JavaScript

Una función se puede definir de varias formas. Es importante comprobar cómo interactúa la función con los componentes externos y el tipo de invocación. Las diferentes formas incluyen:

• • Declaración de función
  • Expresión de función
  • Definición del método taquigráfico
  • Función de flecha
  • Función de generador
  • Constructor de funciones

Declaración de función

Una declaración de función consta de una palabra clave de función , un nombre de función obligatorio, una lista de parámetros entre paréntesis y un par de llaves que delimitan el código del cuerpo.

Se define como:

// función de declaración function isEven (num) {return num% 2 === 0} isEven (24) // => verdadero isEven (11) // => falso

Función isEven (num) es una declaración de función que se utiliza para determinar si un número es par.

Expresión de función

Una expresión de función está determinada por una palabra clave de función , seguido de un nombre de función opcional, una lista de parámetros entre paréntesis y un par de llaves que delimitan el código del cuerpo.

Se define como:

const count = function (array) {// Expresión de función return array.length} const methods = {números: [2, 5, 8], sum: function () {// Expresión de función return this.numbers.reduce (function ( acc, num) {// func. expression return acc + num})}} count ([1, 7, 2]) // => 3 métodos.sum () // => 15

La expresión de función crea un objeto de función que se puede utilizar en varias situaciones como:

clase de almacenamiento c ++

• Puede asignarse a un variable como un objeto: cuenta = función (…) {…}
• Crear un método en una suma de objeto: función () {…}
• Utilizar el función tener un llamar de vuelta: .reduce (función (…) {…})

Definición del método taquigráfico

La definición de método abreviado se utiliza en una declaración de método en literales de objeto y clases ES6. Puede definirlos usando un nombre de la función , seguido de una lista de parámetros entre paréntesis y un par de llaves que delimitan las declaraciones del cuerpo.

El siguiente ejemplo utiliza la definición de método abreviado en un objeto literal:

colección constante = {elementos: [], agregar (... elementos) {esto. elementos.push (... elementos)}, obtener (índice) {devolver este. elementos [índice]}} colección.add ('edureka ',' Online ',' JavaScript ') collection.get (1) // =>' edureka '

El enfoque taquigráfico tiene varios beneficios sobre la definición de propiedad tradicional como:

• Tiene un sintaxis más corta lo que facilita la lectura y la escritura.
• Esto crea funciones con nombre, al contrario de una expresión de función. Es útil para depuración.

Función de flecha

Una función de flecha se define mediante un par de paréntesis que contiene la lista de parámetros, seguida de un flecha gorda (=>) y un par de llaves que delimitan las declaraciones del cuerpo.

El siguiente ejemplo muestra el uso básico de la función de flecha:

const absValue = (número) => {if (número 21 absValue (7) // => 7

Aquí, absValue es una función de flecha que calcula el valor absoluto de un número.

Función del generador

La función generadora en JavaScript devuelve un Generador objeto. La sintaxis es similar a la expresión de función, declaración de función o declaración de método. Pero requiere un personaje estrella (*) .

La función de generador se puede declarar de las siguientes formas:

• Formulario de declaración de función función * ():

function * indexGenerator () {var index = 0 while (true) {yield index ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g.next ( ) .value) // => 1

• Función forma de expresión función * ():

const indexGenerator = function * () {let index = 0 while (true) {yield index ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g. next (). value) // => 1

• Formulario de definición de método abreviado * ():

const obj = {* indexGenerator () {var index = 0 while (true) {yield index ++}}} const g = obj.indexGenerator () console.log (g.next (). value) // => 0 console. log (g.next (). value) // => 1

La función generadora devuelve el objeto g en los tres casos. Luego se usa para generar una serie de números incrementales.

Constructor de funciones

Cuando se invoca la función como un constructor, un nueva función es creado. Los argumentos que se pasan al constructor se convierten en los nombres de los parámetros de la nueva función. Aquí, el último argumento se utiliza como función cuerpo código.

Por ejemplo:

function sum1 (a, b) {return a + b} const sum2 = function (a, b) {return a + b} const sum3 = (a, b) => a + b console.log (typeof sum1 === 'función') // => true console.log (typeof sum2 === 'function') // => true console.log (typeof sum3 === 'function') // => true

Estos fueron algunos de los diferentes métodos para definir funciones en JavaScript. Con esto, hemos llegado al final de nuestro artículo. Espero que haya entendido qué son las funciones de JavaScript y los diferentes métodos para definirlas.

Ahora que conoce la función JavaScript, consulte la por Edureka. La capacitación para la certificación de desarrollo web lo ayudará a aprender cómo crear sitios web impresionantes utilizando HTML5, CSS3, Twitter Bootstrap 3, jQuery y las API de Google, e implementarlo en Amazon Simple Storage Service (S3).

Tienes una pregunta para nosotros? Por favor, menciónelo en la sección de comentarios de 'Función JavaScript' y nos comunicaremos con usted.