JavaScript: function functie. Programmeertaal JS

Ideeën dynamische inhoud aan web-MIDDELEN vormen zijn de norm geworden. Statische pagina's en templates webdesign uiteindelijk voltooid hun missie.

Echter, moderne web-bron niet hoeft te worden vertegenwoordigd door een reeks pagina's gegenereerd door de server en vernieuw de browser (JS + AJAX).

Web-based repository op het moment van de aankomst van de bezoeker kan een paar titels voor de goede orde, wat tekst in de «hoofd», een paar regels code in de «body» en al zijn. De rest van de "bedenken" in het proces van de bezoeker - het is een ideale plaats, of het streven één te zijn.

Plaats de beschrijving en de aard van de functies

опыт, наработаный многими десятилетиями. JavaScript - het is een ervaring narabotany decennia. Het heeft een belangrijke geschiedenis van de ontwikkeling, de moderne gekwalificeerd team makers ontwikkelaars. Taal goed doordacht, betrouwbaar, mooi en geeft een echte kans voor ontwikkelaars om code te schrijven voor een fatsoenlijke en zelfverbetering.

Het concept van een algoritme is een functie bestaat hier niet in principe. Natuurlijk, de ontwikkelaar kan overal op de pagina om script code in te zetten plaatst en deze wordt uitgevoerd. страницы? Maar wat is het punt in de code, die slechts eenmaal wordt uitgevoerd: bij het laden van (herladen) de pagina? Is het mogelijk om de initiële waarden van wat sommige onbelangrijke variabelen.

Script - deze plek is de juiste omschrijving van de variabelen en functies, in plaats van een goed stukje code geschreven voor zijn eigen belang. Het is een set van functies is essentieel en belangrijk, misschien - hun onderlinge directe verbinding, maar vaker is het anders. Plaats beschrijving van de functie en de plaats van de toepassing ervan is niet hetzelfde.

Het is niet noodzakelijk dat de functie een andere functie rechtstreeks bellen, maar het kan indirect worden gedaan door de vorming van dynamische code. Een bezoeker neemt een besluit binnen deze code en werkt heel anders functioneert.

functionele dynamiek

Functionele dynamiek - is niet alleen en niet zozeer handlers toegewezen aan pagina-elementen zijn functies die door de elementen van de pagina te vormen, en van de primaire handlers, ook kan veranderen.

De actie vindt plaats op de pagina, afhankelijk van de elementen en het gedrag van bezoekers op. De beweging van de muis, toetsenbord, knoppen, klikken, evenementen, artikelen en andere omstandigheden leiden tot de lancering van de noodzakelijke functies.

Oorspronkelijk is er geen consistentie en er is geen parallel. Er is een adequate reactie op de web-bron evenementen. Hoe snel JavaScript een bepaalde functie vervult hangt af van vele technische (computer, communicatie lijnen) en semantische (logic-algoritme, op het vakgebied, wat betekent dat het probleem) factoren.

In feite kan worden gesteld dat er iets heeft gewerkt in parallel, maar iets zal veranderen na iets, maar de betekenis van deze bijzondere is dat niet. Het is belangrijk dat de JavaScript-functie - het is een kans om een adequate reactie op de acties van de bezoeker te creëren.

Deze nieuwe manier van denken in het ontwerp: gedistribueerde verwerking in de diepten van een enkele browser!

De syntaxis voor variabelen en functies

JavaScript-variabelen worden geplaatst in de tag «script», en in het lichaam van de functie. Functies worden op dezelfde manier gedefinieerd. Speciale betekenis te schrijven binnen de functie is er een andere functie, maar het kan nodig zijn om verschillende redenen, en het is heel redelijk.

Beschrijving van de functie begint meestal met het trefwoord «functie», gevolgd door de naam, de lijst van argumenten tussen haakjes, gescheiden door komma's, en de functie lichaam in bretels.

In dit voorbeeld worden twee functies beschreven die AJAX-uitwisseling tussen de pagina en de server te verschaffen. Mede scXHR hierboven beschreven, omdat beschikbaar in zowel InitXML en binnen WaitReplySC.

De naam en parameter functie "function"

Er werd voorgesteld de asynchrone versie wanneer JavaScript-functie wordt aangeroepen nadat de server response. Zo, het ontvangen van een reactie van de server, WaitReplySC toegang tot de pagina-tag, vult de ontvangen informatie en de oorzaken andere functies, die goed kan starten de volgende aanvraag naar de server.

Hier is het ook belangrijk op te merken dat WaitReplySC - een functie. scXHR.onreadystatechange = WaitReplySC она передается как параметр. Maar in lijn scXHR.onreadystatechange = WaitReplySC het wordt doorgegeven als een parameter. Deze algemene regel overdrachtsfunctie andere functies als parameters. Punthaken en gaf hen de parameter (s) - functie wordt onmiddellijk uitgevoerd. Verteld door alleen de naam, dus wat goed. Belfunctie zal degene die haar naam kreeg te maken.

De functionaliteit via AJAX geïmplementeerd, kunt u een JavaScript-functie door het ontvangen van de server data noemen. In feite, het verzenden van een verzoek aan de server, de ene of de andere functie is mogelijk helemaal niet "weten" welke functie zij draait, en met welke informatie.

Out-functie en het resultaat

Het lichaam van de functie kunt u elke taal operators, die, in feite, want het is de bedoeling te schrijven. Binnen functies zijn variabelen binnen en buiten verklaard, maar niet degenen die worden beschreven in andere functies.

Als u wilt dat de functie om een resultaat terug te keren, kunt u de JavaScript return statement gebruiken: return. Het lichaam van de functie kan een voldoende rendement statements. Het is niet noodzakelijk dat ze allemaal het resultaat van hetzelfde type zal terugkeren.

Typisch, zijn ontwikkelaars vereerd deze kans en, afhankelijk van de situatie, besluiten om zo spoedig mogelijk terug te trekken uit de functie.

Het is niet nodig om door de hele algoritme van de functies, als je kunt eerder weg te gaan.

functieargumenten

Argumenten worden doorgegeven aan de functie lijst, gescheiden door komma's, tussen haakjes staan, en zijn net na haar naam. De argumenten gebruikte variabele namen, maar u kunt waarden rechtstreeks passeren. Om een JavaScript-functie pas in een functie, je hoeft alleen maar om zijn naam op te geven zonder haakjes.

Binnen de functie beschikbaar is variabel argumenten, die een lengte eigenschap heeft. U kunt verwijzen naar enig argument functie door middel van argumenten [0] argumenten [1], ... om de laatste argumenten [arguments.length-1].

de functie van het argument Veranderen is echt binnen de functie, maar niet daarbuiten. Om iets buiten de functie te veranderen, moet de exploitant JavaScript rendement te gebruiken, waardoor passeren de gewenste waarde naar buiten.

Na de functie is voltooid, zal alles wat er in verband met de uitvoering ervan, worden vernietigd. Tijdens het uitvoeren van de functie kan de externe variabelen veranderen, behalve die die zijn beschreven in andere functies, waaronder die in het interieur.

We hebben argumenten callee eigenschap, die bedoeld is om een functie die wordt uitgevoerd op een gegeven moment te bellen. Als de oorzaak zelf, zal de JavaScript-versie van de functie in de functie recursie te implementeren.

functies

De belangrijkste zorg van de functies - om het evenement browser te dienen. Om dit bijna elke tag te doen heeft de mogelijkheid om een gebeurtenis en functie van de productie op te geven. U kunt meerdere gebeurtenissen te geven, maar elke gebeurtenis wordt aangegeven slechts één functie.

Eén functie kan overweg met meerdere pagina-elementen en een paar evenementen. Door «dit» optie, kunt u de informatie functie waar het werd genoemd overdragen.

Het klassieke gebruik van JS-functies - gebeurtenishandlers de elementen. In dit voorbeeld scfWecomeGo () functie of scfWelcomeCancel () aangeroepen in de ingang / uitgang vorm van de bezoeker, en bij het selecteren van de bedrijfsmodus scfMenuItemClick (deze).

In het laatste geval is de parameter die aan «dit», waarmee je wonderbaarlijke wijze leren van wat is diva werd genoemd. Eigenlijk JavaScript is dus kwalitatief geïmplanteerd in de DOM, en het is zo gunstig waarmee u de elementen te navigeren, om de nodige informatie die de pagina's dynamiek gewoon onvoorspelbaar kan verzamelen.

De functie hoeft niet naar een string, het nummer of een andere functie terug te keren. Het kan een volledige HTML-element terug, en dat het vereiste aantal elementen, met hun handlers, hun evenementen.

Door het plaatsen van een element op de pagina, de ontwikkelaar een nieuwe functionaliteit die is goed in termen van het oplossen van het probleem en voldoen aan de belangen van de bezoekers, maar heel moeilijk in termen van de uitvoering.

Sinds de ontwikkeling van een dergelijk volledig functioneel, gemakkelijk om te verdwalen in native code, in functie-aanroepen, in momenten dat gevormd of dat de inhoud van een of andere van de pagina. Alvorens een dergelijke richting van de ontwikkeling, geen belemmering vormen voor een goed af te wegen alles.

Over de verdeling van het denken

De ontwikkelaar heeft om na te denken op het niveau van alle elementen van de pagina, in ieder geval, en hebben een duidelijke presentatie van hoe alles werkelijk gebeurt. Het is moeilijk, maar het werk is de moeite waard.

In JavaScript, kan de functie worden uitgesteld tot een bepaalde gebeurtenis, en dergelijke functies kunnen veel zijn, en evenementen hebben de neiging om zich te verspreiden en te krijgen in de "sfeer van de zichtbaarheid" van de verschillende processors.

In dit voorbeeld, ergens voordat de functie werd genoemd, wat een item bestand navigatiemenu gestart. Aangenomen wordt paging, dat is in het venster slechts zeven dossiers, die kan worden verwijderd en verwerkt. Kunnen worden verplaatst als een bestand door te klikken op de rij, en de pijltjestoetsen en blokken van zeven rijen.

Telkens een eigen functie. Met andere woorden, in dit eenvoudige voorbeeld, moet je een paar tientallen functies die reageren op diverse evenementen te schrijven, en sommige van deze functies zullen een verscheidenheid aan opties en situaties die de gebeurtenissen niet behoren af te handelen.

Bijvoorbeeld, bij het verwijderen van de onderste regel moet omhoog worden verplaatst. Dit vereist ofwel een nieuwe selectie die alledaags en duidelijk een bron, of om lijnen te tellen, gebruik maken van een JavaScript-functie op de array en om het doel elegant te bereiken.

De argumenten en de resultaten van de functies

JavaScript kunt u code om de status van "full-featured" te brengen. Normaal gesproken, als het argument van de functie is de functie. Toegestaan optie, retourneert de functie een functie. JavaScript neemt het heel kalm.

Dit is een goed mechanisme, maar nogal ingewikkeld in verband met de uitvoering. Technisch toelaatbare semantisch zorgen voor "functioneel" logica transmissie door een gekwalificeerde ontwikkelaar.

Wanneer een JavaScript-functie in een functie - in orde, maar wanneer de functie genereert een functie, en dat een ander, de logica is heel moeilijk om te volgen. In feite is de vraag is niet of de vaardigheden toe te passen, is de vraag naar veilige en correcte resultaat te verkrijgen.

Developer zorg is duidelijk en eenvoudig. Er is een probleem, u een oplossing nodig, niet een bug als «JavaScript fout van de operatie is onzeker» , een leeg scherm, of stoppen met alle browser-engine.

Indien het argument een functie, wordt de ontwikkelaar om een variabele met bijzondere eigenschappen passen, dat geen getal, geen tekenreeks, geen object. Maar het gebruik van een dergelijk argument kan leiden tot het feit dat de externe variabelen te veranderen en is het resultaat van de functie uitvoering. Afhankelijk van de veranderingen die voldoende overgedragen zal worden.

Uitvoering van gegenereerde code

Implementeren uitvoering van code gegenereerd in de loop van het werk van andere code, is het mogelijk door middel van «eval». Het wordt niet beschouwd als een uitstekende oplossing zijn, maar vaak niet kunnen compliceren de code met onnodige functies, en tot de vorming van triviale lijn van JavaScript-code te beperken en gewoon uitvoeren.

In dit voorbeeld is het inzetstuk gevormd steek in werkzaam div wat informatie. Diva en informatie-inhoud voor verschillende aantal verschillende posities, omdat een dergelijke beslissing in deze situatie niet geven u een gegarandeerd situatie «javascript fout van de operatie is onzeker» , maar stevig het gewenste effect geven.

Nuance JavaScript paradigma shift "functie in de functie"

Als je kunt doen zonder franje, is het beter om het te gebruiken. Al deze opties zijn goed. Natuurlijk, in veel gevallen, het is de enige oplossing.

Een klassiek voorbeeld van recursie: de faculteit. Het is al moeilijk genoeg om een algoritme dat wordt herhaald schrijven, maar het is heel simpel, kunt u de envelop waarden duwen. Faculteit groeit te snel.

Echter, terugkeer en functie roept een andere functie, die op de hoogte callback kan maken - de normale dingen.

Bijvoorbeeld, een vaste tafel. De andere tafel kan een tafel. Nesting kan niet worden beperkt. Schrijf voor elke tabel zijn eigen set van functies - te veel luxe.

Dergelijke voorbeelden zijn talrijk, en dit alles zal een echte en dringende probleem, niet omwille van de programmering. Dat is de reden waarom het probleem ligt in het feit dat er geen franje niet het opzetten van een systeem van functies, meer in het bijzonder, zijn debugging en de daaropvolgende betrouwbare werking wordt JavaScript zorg en Developer.