Funcions JavaScript importants que heu de conèixer



Aquest bloc edureka proporcionarà coneixements profunds sobre les funcions de JavaScript. També explicarà els diversos mètodes per definir funcions amb exemple.

Les aplicacions web dinàmiques van sorgir després del naixement de . Amb la creixent popularitat de les aplicacions web, JavaScript s’ha convertit en un dels idiomes més importants del món actual. Aquest article sobre la funció JavaScript explicarà les diferents maneres de definir funcions en JavaScript en la següent seqüència:

Introducció a JavaScript

JavaScript és un fitxer alt nivell , llenguatge de programació interpretat s’utilitza per fer les pàgines web més interactives. És un llenguatge de seqüència d’ordres de client molt potent que fa que la vostra pàgina web sigui més viva i interactiva.





JavaScript - funció javascript- Edureka

És un llenguatge de programació que us ajuda a implementar un disseny complex i preciós a les pàgines web. Si voleu que la vostra pàgina web sembli viva i faci molt més que meravellar-vos, JavaScript és imprescindible.



Fonaments de JavaScript

Si no coneixeu l'idioma, heu de conèixer alguns dels fitxers fonaments de JavaScript això us ajudarà a començar a escriure el vostre codi. Els conceptes bàsics inclouen:

Podeu consultar el fitxer per aprofundir en aquests conceptes bàsics i fonaments de JavaScript. En aquest article sobre la funció JavaScript, ens centrarem en les diferents maneres de definir funcions.

Funció JavaScript

Una funció JavaScript és bloc de codi que està dissenyat per realitzar qualsevol tasca en particular. Podeu executar una funció trucant-la. Això es coneix com invocant o bé trucant una funció.



Per utilitzar una funció, l’heu de definir en algun lloc de l’àmbit des del qual vulgueu anomenar-la. La idea és reunir algunes tasques que es realitzen habitualment i fer una funció de manera que, en lloc d’escriure el mateix codi una i altra vegada per a diferents entrades, puguem anomenar aquesta funció en particular.

El bàsic sintaxi per crear una funció a JavaScript és el següent:

function functionName (Paràmetre1, Paràmetre2, ..) {// Cos de la funció}

JavaScript consta de diversos fitxers integrats o funcions predefinides . Però també ens permet crear funcions definides per l'usuari. De manera que anem endavant i fem una ullada a algunes de les funcions predefinides que s’utilitzen habitualment.

Funcions predefinides

JavaScript té diverses funcions integrades de primer nivell. Vegem algunes de les funcions integrades en el llenguatge.

Funcions Descripció
Eval Avalua una expressió de cadena / aritmètica i retorna un valor.
ParseInt Analitza un argument de cadena i retorna un enter de la base especificada.
ParseFloat Analitza un argument de cadena i retorna un número de coma flotant.
Escape Retorna la codificació hexadecimal d'un argument.
Unescape Retorna la cadena ASCII per al valor especificat.

Prenguem un exemple i vegem com funcionen aquestes funcions predefinides a 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 ('Welcome a Edureka ') // Escape unescape (' Benvingut a Edureka ') // Unescape

Diferents maneres de definir la funció JavaScript

Una funció es pot definir de diverses maneres. És important comprovar com la funció interactua amb els components externs i el tipus d’invocació. Les diferents formes inclouen:

Declaració de funcions

Una declaració de funció consisteix en un paraula clau de funció , un nom de funció obligatori, una llista de paràmetres en un parell de parèntesis i un parell de claus arrissades que delimita el codi corporal.

Es defineix com:

// funció de declaració de funció isEven (num) {return num% 2 === 0} isEven (24) // => true isEven (11) // => false

Funció isEven (num) és una declaració de funció que s'utilitza per determinar si un número és parell.

suma de dígits en java

Expressió de funcions

Una expressió de funció està determinada per a paraula clau de funció , seguit d'un nom de funció opcional, una llista de paràmetres entre parèntesis i un parell de claus que delimiten el codi del cos.

Es defineix com:

const count = function (array) {// Expressió de funció return array.length} const method = {numbers: [2, 5, 8], sum: function () {// Expression of function return this.numbers.reduce (function ( acc, num) {// func. expression return return acc + num})}} count ([1, 7, 2]) // => 3 methods.sum () // => 15

L'expressió de funció crea un objecte de funció que es pot utilitzar en diverses situacions com:

  • Es pot assignar a un fitxer variable com a objecte: count = function (...) {...}
  • Crea un mètode sobre una suma d'objecte: function () {...}
  • Utilitzar el funció tenir un devolució de trucada: .reduir (funció (...) {...})

Definició del mètode abreujat

La definició del mètode abreujat s'utilitza en una declaració de mètode a objectes literals i classes ES6. Podeu definir-los mitjançant un fitxer nom de la funció , seguit d'una llista de paràmetres en un parell de parèntesis i un parell de claus arrissades que delimiten les afirmacions del cos.

L'exemple següent utilitza la definició del mètode abreujat en un literal d'objecte:

const collection = {items: [], add (... items) {this.items.push (... items)}, get (index) {return this.items [index]}} collection.add ('edureka ',' En línia ',' JavaScript ') collection.get (1) // =>' edureka '

L'enfocament abreujat té diversos beneficis sobre la definició de propietat tradicional, com ara:

  • Té un sintaxi més curta cosa que facilita la lectura i l’escriptura.
  • Això crea funcions amb nom, contràriament a una expressió de funció. És útil per depuració.

Funció de fletxa

Una funció de fletxa es defineix mitjançant un parell de parèntesis que conté la llista de paràmetres, seguida d'un fletxa grassa (=>) i un parell de claus que delimiten les afirmacions del cos.

L'exemple següent mostra l'ús bàsic de la funció de fletxa:

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

Aquí, valor abs és una funció de fletxa que calcula el valor absolut d'un nombre.

Funció Generador

La funció generadora de JavaScript retorna a Generador objecte. La sintaxi és similar a l’expressió de funció, declaració de funció o declaració de mètode. Però requereix un personatge estrella (*) .

La funció generadora es pot declarar en les formes següents:

  • Funció del formulari de declaració de funció * ():
function * indexGenerator () {var index = 0 while (true) {yield index ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g.next ( ) .valor) // => 1
  • Funció de forma d'expressió de funció * ():
const indexGenerator = function * () {let index = 0 while (true) {yield index ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g. next (). valor) // => 1
  • Forma de definició del mètode abreujat * ():
const obj = {* indexGenerator () {var index = 0 while (true) {yield index ++}}} const g = obj.indexGenerator () console.log (g.next (). value) // => 0 console. log (g.next (). valor) // => 1

La funció generadora retorna el fitxer objecte g en els tres casos. Després s’utilitza per generar una sèrie de nombres incrementats.

Constructor de funcions

Quan s'invoca la funció com a constructor, a nova funció es crea. Els arguments que es passen al constructor es converteixen en els noms dels paràmetres de la nova funció. Aquí, l'últim argument s'utilitza com a funció del cos codi.

Per exemple:

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 === 'function') // => true console.log (typeof sum2 === 'function') // => true console.log (typeof sum3 === 'function') // => true

Aquests van ser alguns dels diferents mètodes per definir funcions a JavaScript. Amb això, hem arribat al final del nostre article. Espero que hagueu entès què són les funcions de JavaScript i els diferents mètodes per definir-les.

Ara que ja coneixeu la funció JavaScript, consulteu el fitxer per Edureka. La formació en certificació per al desenvolupament web us ajudarà a aprendre a crear llocs web impressionants mitjançant HTML5, CSS3, Twitter Bootstrap 3, jQuery i API de Google i implementar-lo a Amazon Simple Storage Service (S3).

Tens alguna pregunta? Esmenteu-lo a la secció de comentaris de 'Funció JavaScript' i us respondrem.

com ordenar una matriu c ++