JavaScript: function. llenguatge de programació JS

Idees de contingut dinàmic per formar recursos web s'han convertit en la norma. Les pàgines estàtiques i disseny de plantilles web, finalment van completar la seva missió.

No obstant això, en els recursos web modern no ha de ser representat per un conjunt de pàgines generades pel servidor i actualitzar el navegador (JS + AJAX).

repositori basat en la web en el moment de l'arribada del visitant pot ser un parell de títols per al registre, un text en el «cap», unes poques línies de codi en el «cos» i tot. La resta de "concebre" en el procés de visitant - és un lloc ideal, o aspira a ser un.

Col·loqui la descripció i la naturalesa de les funcions

опыт, наработаный многими десятилетиями. JavaScript - És una experiència de dècades narabotany. Té una història significativa de desenvolupament, modern equip qualificat creadors desenvolupadors. així llenguatge pensat, fiable, bonica i li dóna una oportunitat real per als desenvolupadors escriure codi per a un decent i la superació personal.

El concepte d'un algoritme és una funció que aquí no existeix en principi. Per descomptat, el desenvolupador pot en qualsevol lloc de la pàgina per inserir codi de seqüència de comandaments per posar en ell i serà executat. страницы? Però quin és el punt en el codi que s'executa només una vegada: quan es carrega (recàrrega) de la pàgina? És possible establir els valors inicials del que algunes variables insignificants.

Guió - aquest lloc és la descripció correcta de les variables i funcions, en lloc d'un bon tros de codi escrit pel seu propi bé. És un conjunt de funcions és essencial i important, potser - la seva connexió directa mútua, però més sovint és diferent. Descripció del lloc de la funció i el lloc de la seva aplicació no és la mateixa cosa.

No cal que la funció va a cridar a una altra funció directament, però es pot fer indirectament a través de la formació de codi dinàmic. Un visitant pren una decisió dins d'aquest codi i funciona bastant diferents funcions del sistema.

dinàmica funcional

dinàmica funcional - és no només i no tant els controladors assignats als elements de pàgina són funcions que formen els elements de la pàgina i dels manipuladors immediatament, també, poden canviar.

L'acció té lloc a la pàgina, en funció dels elements i el comportament del visitant en ell. Moviment del ratolí, teclat, botons, clics, esdeveniments, articles i altres circumstàncies condueixen a la posada en marxa de les funcions necessàries.

Originalment no hi ha coherència i no hi ha paral·lel. Hi ha una resposta adequada als esdeveniments web de recursos. Què tan ràpid JavaScript compleix una funció particular que depèn de molts tècnics (ordinador, línies de comunicació) i semàntica (algoritme de lògica, matèria, és a dir, el problema) factors.

De fet, es pot argumentar que alguna cosa ha treballat en paral·lel, però alguna cosa va a darrere d'alguna cosa, però el significat d'aquest especial no ho és. És important que la funció de JavaScript - és una oportunitat per crear una resposta adequada a les accions del visitant.

Aquesta nova forma de pensar en el disseny: el processament distribuït en les profunditats d'un sol navegador!

La sintaxi de les variables i funcions

JavaScript variables es col·loquen en l'etiqueta «guió», i en el cos de la funció. Les funcions es defineixen de la mateixa manera. un significat especial per a escriure dins de la funció no és altra funció, però pot ser necessari per diverses raons, i és bastant raonable.

Descripció de la funció general comença amb la «funció» de paraules clau, seguit del seu nom, la llista d'arguments entre parèntesis, separats per comes, i el cos de la funció dels suports.

En aquest exemple, dues funcions es descriuen que proporcionen AJAX d'intercanvi entre la pàgina i el servidor. En part scXHR descrit anteriorment, a causa disponible tant en InitXML, i dins WaitReplySC.

El nom de la funció i el paràmetre "funció"

S'ha presentat la versió asíncrona quan la funció JavaScript-funció és cridada després de la resposta del servidor. Per tant, rebre una resposta des del servidor, WaitReplySC accedeix a l'etiqueta de pàgina, omple la informació rebuda i fa que altres funcions, que bé pot iniciar la següent petició al servidor.

Aquí també és important tenir en compte que WaitReplySC - una funció. scXHR.onreadystatechange = WaitReplySC она передается как параметр. Però en línia scXHR.onreadystatechange = WaitReplySC es passa com a paràmetre. Aquesta funció de transferència regla general a altres funcions com a paràmetres. entre parèntesis angulars i els van donar el seu paràmetre (s) - la funció s'executarà immediatament. Narrat per nom només, bo i què. funció de trucada farà que el que va obtenir el seu nom.

La funcionalitat implementada a través d'AJAX, li permet cridar a una funció de JavaScript a través de les dades rebudes des del servidor. De fet, l'enviament d'una sol·licitud al servidor, una o l'altra característica no pot en absolut "saber" quina funció es torna, i amb quin tipus d'informació.

funció i el seu resultat

El cos de la funció, es pot escriure qualsevol operador del llenguatge, que, de fet, per a la qual està destinat. característiques interiors són les variables declarades dins i fora, però no els que es descriuen en altres funcions.

Si desitja que la funció retorna un resultat, pot utilitzar la instrucció de retorn JavaScript: retorn. El cos de la funció pot ser un nombre suficient de sentències de retorn. No cal que tots ells es retornarà el resultat del mateix tipus.

En general, els desenvolupadors són venerats aquesta oportunitat i, depenent de la situació, decideixen retirar-se de la funció tan aviat com sigui possible.

No cal executar a través de tot l'algoritme de funcions, quan es pot sortir abans.

arguments de la funció

Els arguments es transfereixen a la llista de funcions, separats per comes, estan tancats entre parèntesis, i són just després del seu nom. Els arguments utilitzats noms de variables, però es pot passar valors directament. Per passar una funció JavaScript en una funció, només ha d'especificar el seu nom sense parèntesis.

Dins de la funció és arguments variables disponibles, que té una propietat de longitud. Es pot fer referència a qualsevol funció argument a través d'arguments [0], els arguments [1], ... als últims arguments [arguments.length-1].

Canvi de la funció de l'argument és realment dins de la funció, però no fora d'ell. Per tal de canviar alguna cosa fora de la funció, l'operador ha d'utilitzar el rendiment de JavaScript, a través del qual passa el valor requerit a l'exterior.

Un cop finalitzada la funció, tot el que s'associa amb la seva execució, seran destruïts. Durant l'execució de la funció, pot canviar les variables externes, excepte els que es descriuen en altres funcions, incloent aquells a l'interior.

Tenim arguments de propietat destinatari de la trucada, que està destinada a cridar a una funció que es realitza en un moment donat. Si la causa en si, la versió JavaScript de la funció en la funció implementarà la recursivitat.

Ús de les funcions

La principal preocupació de les funcions - per servir el navegador d'esdeveniments. Per a això gairebé tots els tag té la possibilitat d'especificar un nom d'esdeveniment i funció de la seva fabricació. Es poden especificar diversos esdeveniments, però cada cas s'indica una sola funció.

Un programa pot utilitzar diversos elements de la pàgina i una sèrie d'esdeveniments. A través d ' «aquest» opció, pot transferir la funció d'informació d'on va ser cridat.

L'ús clàssic de la JS-funcions - els controladors d'esdeveniments sobre els elements. En aquest exemple scfWecomeGo () funció o scfWelcomeCancel () és cridat en la forma d'entrada / sortida del visitant, i quan es selecciona el mode de funcionament scfMenuItemClick (això).

En aquest últim cas, el paràmetre passat a «aquest», el que li permet aprendre miraculosament del que és la diva va ser cridat. En realitat, JavaScript és tan qualitativament s'implanta al DOM, i és tan convenientment li permet navegar als seus elements, per recollir la informació necessària que la dinàmica pàgines poden simplement ser impredictible.

La funció no ha de retornar una cadena, nombre, o una altra funció. Es pot retornar un element HTML complet, i que és el nombre necessari d'elements, amb els seus gestors, els seus esdeveniments.

Mitjançant la col·locació d'un element a la pàgina, el desenvolupador crea una nova funcionalitat que és bo en termes de resoldre el problema i satisfer els interessos dels visitants, però bastant difícil en termes d'aplicació.

Des del desenvolupament de tals un complet i funcional, fàcil perdre en codi natiu, en les crides a funcions, en els moments quan es formen o que el contingut d'un o altre de la pàgina. Abans de prendre una direcció de desenvolupament a tal, no obstaculitzar un pou malgrat tot.

Sobre la distribució de pensar

Podeu trobar l'ha de pensar en el nivell de tots els elements de la pàgina, en tot cas, i tenen una presentació clara de la forma en què realment passa tot. És difícil, però el treball val la pena.

En JavaScript, la funció es pot retardar fins que algun esdeveniment, i aquestes característiques poden ser moltes, i els esdeveniments tenen una tendència a propagar-se i entrar a la "esfera de visibilitat" dels diversos processadors.

En aquest exemple, en algun lloc abans de la funció es diu, el qual va iniciar un menú de navegació article. Se suposa paginació, és a dir en la finestra de només set arxius, que poden ser eliminats i processats. Es pot moure com un arxiu fent clic a la fila, i les tecles de fletxa i blocs de set files.

En cada cas té la seva pròpia funció. En altres paraules, en aquest exemple senzill, ha d'escriure un parell de dotzenes de característiques que reaccionaran a diverses dotzenes d'esdeveniments, i algunes d'aquestes funcions va a manejar una varietat d'opcions i situacions que els esdeveniments no pertanyen.

Per exemple, quan l'eliminació de la línia de fons ha de ser desplaçat cap amunt. Per a això serà necessari o bé fer una nova selecció que comú i clarament un recurs, o per explicar les línies, utilitzeu una funció javascript en la matriu i per aconseguir l'objectiu elegant.

Els arguments i resultats de les funcions

JavaScript li permet portar codi per a l'estat "amb totes les funcions". Normalment, quan l'argument de la funció és la funció. opció permesa, la funció retorna una funció. JavaScript pren amb molta calma.

Aquest és un bon mecanisme, sinó més aviat complicada en relació amb l'aplicació. Tècnicament admissible semànticament proporcionar una transmissió de la lògica "funcional", només per un desenvolupador qualificat.

Quan una funció de JavaScript en una funció - bé, però quan la funció genera una funció, i que un altre, la lògica és bastant difícil de seguir. De fet, la qüestió no és si s'ha d'aplicar les habilitats, la pregunta és obtenir resultat correcte i segur.

cura desenvolupador és clara i simple. Hi ha un problema, necessita una solució, no un error com «error de JavaScript l'operació és insegur» , una pantalla en blanc, o aturar tot motor del navegador.

Si l'argument és una funció, llavors el desenvolupador per passar una variable amb propietats especials, que no és un nombre, no una cadena, no un objecte. Però l'ús d'aquest argument pot conduir al fet que el canvi en la variable externa i és el resultat de l'execució de la funció. En funció dels canvis que seran transferits adequada.

Execució de codi generat

Implementar l'execució de codi generat en el curs del treball d'un altre codi, és possible per mitjà de "eval». No es considera que és una solució excel·lent, però sovint no poden complicar el codi amb funcions innecessàries, i per limitar la formació de la línia trivial de codi JavaScript i simplement executar-lo.

En aquest exemple, l'insert es forma la puntada a div operable alguna informació. Diva i contingut d'informació de diferent nombre de posicions diferents, pel fet que una decisió d'aquest tipus en aquesta situació no proporciona una situació garantida «javascript error l'operació és insegur» , sinó donar fermesa l'efecte desitjat.

Nuance JavaScript canvi de paradigma "funció en la funció"

Si es pot fer sense grans luxes, és millor usar-lo. Totes aquestes opcions són bones. Per descomptat, en molts casos, és l'única solució.

Un exemple clàssic de recursivitat: el factorial. Ja és prou difícil d'escriure un algoritme que es repetirà, però és molt simple, pot empènyer els valors de envoltant. Factorial està creixent massa ràpid.

No obstant això, la recursivitat, i la funció crida a una altra funció, que pot fer devolució de trucada informada - coses normals.

Per exemple, una taula normal. L'altra taula pot ser una taula. Implantació no pot ser restringida. Escriure per a cada taula el seu propi conjunt de característiques - massa luxe.

Tals exemples són nombrosos, i tot això serà un problema real i urgent, no a causa de la programació. Per això, el problema rau en el fet que no hi havia luxes no van establir un sistema de funcions, més precisament, la seva depuració i posterior funcionament fiable es converteix en la cura JavaScript i desenvolupador.