JavaScript: Funcția funcție. Limbaj de programare JS

Idei de conținut dinamic pentru a forma web-RESURSELE au devenit norma. pagini statice și template-uri de web design finalizat în cele din urmă misiunea.

Cu toate acestea, web modernă resurse nu trebuie să fie reprezentat de un set de pagini generate de server și actualizați browser - ul (JS + AJAX).

depozit bazat pe Web în momentul sosirii vizitatorul poate fi un cuplu de titluri pentru înregistrare, un text în «cap», câteva linii de cod în «corpul» și toate. Restul de „concepe“ în procesul de vizitator - este un loc ideal, sau care aspiră să fie una.

Se pune descrierea și natura funcțiilor

опыт, наработаный многими десятилетиями. JavaScript - este o experiență de zeci de ani narabotany. Ea are o istorie semnificativă de dezvoltare, moderne creatori de echipă calificată dezvoltatori. bine limba gândit, de încredere, frumos și oferă o oportunitate reală pentru dezvoltatorii de a scrie cod pentru o decent și de auto-îmbunătățire.

Conceptul unui algoritm este o funcție aici nu există în principiu. Desigur, dezvoltatorul poate oriunde pe pagină pentru a insera cod de script pentru a pune în ea și va fi executat. страницы? Dar ceea ce este punctul în cod, care este executat numai o singură dată: atunci când încărcarea (reîncărcarea) pagina? Este posibil să se stabilească valorile inițiale a ceea ce unele variabile nesemnificative.

Script - acest loc este descrierea dreptul de variabile și funcții, mai degrabă decât o bună bucată de cod scrise de dragul ei. Este un set de funcții este esențială și importantă, poate - legătura lor directă reciprocă, dar cel mai adesea este diferit. Locul descrierea funcției și locul de aplicare a acesteia nu este același lucru.

Nu este necesar ca funcția va apela în mod direct o altă funcție, dar se poate face în mod indirect, prin formarea codului dinamic. Un vizitator ia o decizie în acest cod și funcționează destul de diferite funcții de sistem.

dinamica funcțională

Dinamica funcțional - nu este numai și nu atât de mult stivuitoare atribuite elemente de pagină sunt funcții care formează elementele paginii, și a manipulatorii imediate, de asemenea, se pot schimba.

Acțiunea are loc pe pagină, în funcție de elementele și comportamentul vizitatorilor pe ea. Mișcarea de mouse, tastatura, butoane, clicuri, evenimente, articole și alte circumstanțe duc la lansarea funcțiilor necesare.

Inițial, nu există nici o consistență și nu există nici o paralelă. Există un răspuns adecvat la evenimentele de web-resurse. Cât de repede JavaScript îndeplinește o anumită funcție depinde de mulți tehnic (calculator, linii de comunicații) și semantică (algoritm logic, zona de subiect, adică problema) factori.

De fapt, se poate argumenta că ceva a lucrat în paralel, dar ceva se va transforma după ceva, dar sensul acestei construcții nu este. Este important ca funcția JavaScript - este o oportunitate de a crea un răspuns adecvat la acțiunile vizitatorului.

Acest nou mod de gândire în proiectarea: procesarea distribuită în adâncimi de pe un singur browser!

Sintaxa pentru variabile și funcții

JavaScript-variabile sunt plasate în tag - ul «script», și în corpul funcției. Funcțiile sunt definite în același mod. semnificație specială pentru a scrie în interiorul funcției există o altă funcție, dar poate fi necesar , din diverse motive, și este destul de rezonabil.

Descrierea funcției , în general , începe cu cuvântul cheie «funcție», urmat de numele, lista de argumente în paranteze, separate prin virgulă, iar corpul funcției în paranteze.

În acest exemplu, două funcții sunt descrise , care oferă-schimb între AJAX pagina și server. Parțial scXHR descris mai sus, deoarece este disponibil în ambele InitXML, și în WaitReplySC.

Numele și funcția parametrului „funcție“

A fost prezentat versiunea asincronă când funcția JavaScript-funcția este apelată după răspunsul serverului. Astfel, primirea unui răspuns de la server, WaitReplySC accesează tag - ul paginii, umple informațiile primite și provoacă alte funcții, care pot iniția și următoarea cerere la server.

Aici este de asemenea important să rețineți că WaitReplySC - o funcție. scXHR.onreadystatechange = WaitReplySC она передается как параметр. Dar , în linia scXHR.onreadystatechange = WaitReplySC este trecut ca parametru. Această funcție generală de transfer regulă pentru alte funcții ca parametri. Parantezele ascuțite și le-a dat parametru (e) sa - funcția va fi executată imediat. Narat după nume, numai bine asa ca ce. Funcția de apel va face cel care a primit numele ei.

Funcționalitatea implementată prin intermediul AJAX, vă permite să apelați o funcție JavaScript prin intermediul datelor primite de la server. De fapt, trimiterea unei cereri la server, una sau alta caracteristica nu poate deloc „știu“ , care funcționează ea se întoarce, și cu ce informații.

Funcția Out și rezultatul acesteia

Corpul funcției, puteți scrie orice operatori de limbă, care, de fapt, pentru că este destinat. Caracteristici interioare sunt variabile declarate în interiorul și în afara, dar nu cele care sunt descrise în alte funcții.

Dacă doriți ca funcția să se întoarcă un rezultat, puteți utiliza declarația de returnare JavaScript: întoarcere. Corpul funcției poate fi un număr suficient de declarații de returnare. Nu este necesar ca toate acestea se vor întoarce rezultatul de același tip.

De obicei, dezvoltatorii sunt venerati această oportunitate și, în funcție de situație, decide să se retragă din funcția cât mai curând posibil.

Nu este necesar pentru a rula prin întregul algoritm de funcții, atunci când puteți ieși mai devreme.

argumentele funcției

Argumentele sunt trecute în lista de funcții, separate prin virgulă, sunt închise în paranteze, și sunt doar după numele ei. Argumentele folosite nume de variabile, dar puteți trece direct valori. Pentru a trece o funcție JavaScript într - o funcție, trebuie doar să specificați numele fără paranteze.

In interiorul functiei este disponibil argumente variabile, care are o proprietate lungime. Puteți referi la orice funcție argument prin argumente [0], argumente [1], ... la ultimele argumente [arguments.length-1].

Schimbarea funcției de argument este într - adevăr în interiorul funcției , dar nu în afara ei. Pentru a schimba ceva în afara funcției, operatorul trebuie să utilizeze JavaScript returnare, prin care trece valoarea necesară pentru exterior.

După ce se termină funcția, tot ceea ce a fost asociată cu punerea sa în aplicare, vor fi distruse. În timpul executării funcției poate modifica variabilele externe, cu excepția celor care sunt descrise în alte funcții, inclusiv cele din interior.

Avem argumente de proprietate callee, care este destinat pentru a apela o funcție care este realizată la un moment dat. În cazul în care cauza în sine, versiunea JavaScript a funcției în funcția va pune în aplicare recursivitate.

Utilizarea funcțiilor

Principala preocupare a funcțiilor - pentru a servi browser - ul evenimentului. Pentru a face acest lucru aproape în fiecare etichetă are capacitatea de a specifica un nume de eveniment și funcția de fabricare a acestuia. Puteți specifica mai multe evenimente, dar fiecare eveniment este indicat doar o singură funcție.

O funcție se poate ocupa de mai multe elemente de pagină și câteva evenimente. Prin «această» opțiune, puteți transfera funcția de informații în cazul în care a fost numit.

Utilizarea clasic de JS-funcții - Stivuitoare eveniment pe elemente. În acest exemplu scfWecomeGo () funcția sau scfWelcomeCancel () este numit în formă de intrare / ieșire a vizitatorului și când selectarea modului de operare scfMenuItemClick (aceasta).

În acest din urmă caz, parametrul trecut la «acest», care vă permite să învețe în mod miraculos de la ceea ce este diva a fost numit. De fapt, JavaScript este atât calitativ implantat în DOM, și este o permite în mod convenabil să mergeți elementele sale, pentru a colecta informațiile necesare pe care dinamica pagini pot fi pur și simplu imprevizibil.

Funcția nu trebuie să se întoarcă un șir de caractere, număr, sau altă funcție. Acesta poate returna un HTML element plin, și care este numărul necesar de elemente, cu dulapurile lor, evenimentele lor.

Prin plasarea unui element pe pagină, dezvoltatorul creează o nouă funcționalitate care este bun în ceea ce privește rezolvarea problemei și răspunde intereselor vizitatorilor, dar destul de dificil din punct de vedere al punerii în aplicare.

Având în vedere că dezvoltarea unei astfel pe deplin funcțional, ușor să te pierzi în cod nativ, în funcție de apeluri, în momentele când au format sau că conținutul unuia sau altul al paginii. Înainte de a lua o astfel de direcție de dezvoltare, nu împiedică un bine cântărește totul.

În distribuția de gândire

Dezvoltatorul trebuie să se gândească la nivelul tuturor elementelor paginii, la toate evenimentele, și au o prezentare clară a modului în care totul se întâmplă de fapt. Este dificil, dar de lucru este în valoare de ea.

În JavaScript, funcția poate fi amânată până când un eveniment, iar astfel de caracteristici pot fi multe, iar evenimentele au tendința de a răspândi și de a lua în „sfera de vizibilitate“, a diferitelor procesoare.

În acest exemplu, undeva înainte de funcția sa numit, care a inițiat un meniu de navigare fișier element. Se presupune paginare, care se află în fereastra doar șapte fișiere, care pot fi eliminate și prelucrate. Poate fi mutat ca un fișier , făcând clic pe rândul, și tastele săgeată și blocuri de șapte rânduri.

În fiecare caz , are propria funcție. Cu alte cuvinte, în acest exemplu simplu, aveți nevoie pentru a scrie cateva zeci de caracteristici care vor reacționa la diverse evenimente, iar unele dintre aceste funcții se va ocupa de o varietate de opțiuni și situații care evenimentele nu aparțineau.

De exemplu, atunci când îndepărtați linia de jos trebuie să se deplaseze în sus. Acest lucru va necesita fie face o nouă selecție, care în mod clar un lucru obișnuit și o resursă, sau pentru a conta linii, utilizați o funcție javascript matrice și pentru a atinge obiectivul elegant.

Argumentele și rezultatele funcțiilor

JavaScript vă permite să aducă codul de la statutul de „full-featured“. În mod normal, atunci când argumentul funcției este funcția. Opțiunea permise, funcția returnează o funcție. JavaScript este nevoie de destul de calm.

Acesta este un mecanism bun, dar destul de complicată în ceea ce privește punerea în aplicare. Punct de vedere tehnic admisibilă oferă semantically „funcțională“ logica de transmisie numai de către un dezvoltator calificat.

Atunci când o funcție JavaScript într - o funcție - Bine, dar atunci când funcția generează o funcție, și că o altă, logica este destul de dificil de urmat. De fapt, întrebarea nu este dacă să aplice abilitățile, întrebarea este de a obține rezultate sigure și corecte.

de îngrijire pentru dezvoltatori este clară și simplă. Există o problemă, aveți nevoie de o soluție, nu un bug ca «JavaScript eroare operațiunea este nesigur» , un ecran gol sau pentru a opri toate browser - ul motorului.

Dacă argumentul este o funcție, atunci dezvoltator pentru a trece o variabilă cu proprietăți speciale, care nu este un număr, nu un șir de caractere, nu un obiect. Dar utilizarea unui astfel de argument poate duce la faptul că schimbarea variabilelor externe și este rezultatul execuției funcției. În funcție de modificările care vor fi adecvate transferate.

Executarea codului generat

Punerea în aplicare a codului de execuție generat în cursul un alt cod de lucru, este posibil prin intermediul «eval». Nu este considerat a fi o soluție excelentă, dar de multe ori nu se poate complica codul cu funcții inutile, precum și pentru a limita formarea liniei triviale de cod JavaScript și pur și simplu l execute.

În acest exemplu, elementul de inserție este formată cusatura în div unele informații care pot fi acționate. Diva și conținutul de informații pentru un număr diferit de poziții diferite, pentru că o astfel de decizie în această situație nu oferă o situație garantată «JavaScript eroare operațiunea este nesigur» , dar da cu fermitate efectul dorit.

schimbare de paradigmă Nuance JavaScript „funcția în funcția“

Dacă se poate face fără bibelouri, este mai bine să - l folosească. Toate aceste opțiuni sunt bune. Desigur, în multe cazuri, aceasta este singura soluție.

Un exemplu clasic de recursie: factorialul. Este destul de dificil de a scrie un algoritm care va bucla, dar este foarte simplu, puteți împinge valorile plic. Factorial este în creștere prea repede.

Cu toate acestea, recurențe, și funcția solicită o altă funcție, care poate face apel invers în cunoștință de cauză - lucruri normale.

De exemplu, o masă obișnuită. Celălalt tabel poate fi un tabel. Cuibar nu poate fi îngrădit. Scrie pentru fiecare tabel propriul set de caracteristici - prea mult de lux.

Astfel de exemple sunt numeroase, iar toate acestea vor fi o problemă reală și urgentă, nu din cauza programării. Acesta este motivul pentru care problema constă în faptul că nu-bibelouri nu instituie un sistem de funcții, mai precis, depanare și operarea ulterioară de încredere devine de îngrijire JavaScript și dezvoltator.