JavaScript: Funktio. Ohjelmointikieli JS

Ideat dynaamista sisältöä muodostaa www-aineistoja on tullut normi. Staattisia sivuja ja Nettisuunnittelu vihdoin päätökseen tehtävänsä.

Kuitenkin moderni web-resurssi ei tarvitse edustaa joukko sivuja tuottaman palvelin ja päivitä selain (JS + AJAX).

Web-pohjainen loppusijoitustilan hetkellä saapumisesta vierailija voi olla pari otsikot ennätys, jotkut tekstiä «päähän», muutaman rivin koodia «kehon» ja kaikki. Loput "raskaaksi" prosessissa kävijä - se on ihanteellinen sivusto tai pyrkivä olla yksi.

Aseta kuvaus ja laatu toimintojen

опыт, наработаный многими десятилетиями. JavaScript - se on kokemus narabotany vuosikymmeniä. Sillä on merkittävä historia kehitystä, nykyaikaisen pätevä tiimi luojia kehittäjille. Kieli harkittu, luotettavia, kaunis ja antaa todellisen mahdollisuuden kehittäjille kirjoittaa koodin kunnon ja itsensä kehittämisen.

Käsite algoritmi on funktio tässä ei ole periaatteessa. Tietenkin, kehittäjä voi minne tahansa sivulla lisätä komentosarjakoodin panna sitä ja se toteutetaan. страницы? Mutta mitä järkeä koodin, joka suoritetaan vain kerran: kun lastaus (lataamalla) sivulla? Onko mahdollista asettaa alkuarvot mitä jotkut merkityksetön muuttujia.

Script - tämä paikka on oikea kuvaus muuttujien ja toimintojen sijaan hyvä koodinpätkä kirjoitettu sen itsensä vuoksi. Se on joukko toimintoja on välttämätöntä ja tärkeää, ehkä - keskinäistä suoraa yhteyttä, mutta useimmiten se on erilainen. Paikka kuvaus funktion ja paikka sen soveltaminen ei ole sama asia.

Se ei ole välttämätöntä, että toiminto soittaa toisen funktion suoraan, mutta se voidaan tehdä epäsuorasti muodostamalla dynaamista koodia. Kävijä tekee päätöksen tämän koodin ja toimii aivan eri järjestelmän toimintoja.

toiminnallinen dynamiikka

Toiminnallinen dynamiikka - ei ole ainoastaan eikä niinkään käsittelijät määritetty elementtejä ovat toimintoja, jotka muodostavat sivun elementtejä, sekä välittömästi käsittelijät pystyvät myös muuttua.

Toiminta tapahtuu sivulla, riippuen elementtejä ja käyttäjien toimia sen. Hiiren liikuttaminen, näppäimistön, napit, klikkaukset, tapahtumia, esineitä ja muut olosuhteet johtavat käynnistämiseen tarvittavat toiminnot.

Alun perin eivät ole johdonmukaisia ja ei ole yhdensuuntainen. On riittävää vastetta web-resurssi tapahtumia. Kuinka nopeasti JavaScript täyttää tietyn toiminnon se riippuu monista teknisistä (tietokone, tietoliikenneyhteyksiä) ja semanttinen (logiikka algoritmi, aihealueen, eli ongelma) tekijät.

Itse asiassa voidaan väittää, että jotain on työskennellyt rinnakkain, mutta jotain muuttuu jälkeen jotain, mutta tarkoitetaan tässä erityistä ei ole. On tärkeää, että JavaScript-toiminto - se on mahdollisuus luoda riittävä vastaus toimia kävijä.

Tämä uusi ajattelu suunnitteluun: hajautettuun syvyyksiin yhden selaimen!

Syntaksi muuttujat ja funktiot

JavaScript-muuttujat sijoitetaan tag «käsikirjoituksen», ja kehossa funktion. Tehtävät määritellään samalla tavalla. Erityinen merkitys kirjoittamaan sisällä toiminto on toinen funktio, mutta se voi olla tarpeen eri syistä, ja se on varsin kohtuullinen.

Toiminnon kuvaus alkaa yleensä kanssa avainsanan «toiminto», jonka jälkeen sen nimi, luettelo argumentit suluissa, erotettu pilkuilla, ja funktio kehon olkaimet.

Tässä esimerkissä, kaksi tehtävää on kuvattu, jotka tarjoavat AJAX-vaihtavat sivun ja palvelimen. Osittain scXHR edellä on kuvattu, koska saatavana sekä InitXML, ja sisällä WaitReplySC.

Funktion nimi ja parametri "toiminto"

Siellä on esitelty asynkronista versiota, kun JavaScript-toiminto toiminto kutsutaan jälkeen palvelimen vastaus. Siten, vastauksen vastaanottamiseksi palvelimelta, WaitReplySC pääsee sivu tunnisteen, täyttää saadut tiedot ja aiheuttaa muita toimintoja, jotka voivat hyvinkin aloittaa seuraavan pyynnön palvelimelle.

Täällä on myös tärkeää huomata, että WaitReplySC - toiminto. scXHR.onreadystatechange = WaitReplySC она передается как параметр. Mutta linjassa scXHR.onreadystatechange = WaitReplySC se välitetään parametrina. Tämä yleinen sääntö siirtofunktio muita toimintoja parametrit. Kulmasulkeet ja antoi niille sen parametri (t) - toiminto suoritetaan välittömästi. Kertonut vain nimellisesti, hyvin niin mitä. Puhelun toiminto tekee se, joka sai nimensä.

Toiminnallisuus toteutetaan kautta AJAX, voit soittaa JavaScript-toiminto kautta saadut tiedot palvelimelta. Itse asiassa, lähettää pyynnön palvelimelle, yksi tai toinen ominaisuus ei välttämättä ollenkaan "tietää", jotka toimivat hän kääntyy, ja mitä tietoja.

Out -toiminto ja sen tuloksen

Ruumiin toiminto, voit kirjoittaa minkä tahansa kielen toimijoille, jotka itse asiassa, sillä se on tarkoitettu. Sisällä ominaisuuksia muuttujat julisti ulkopuolella, mutta ei niitä, jotka on kuvattu muita toimintoja.

Jos haluat funktio palauttaa tuloksen, voit käyttää JavaScript paluulause: paluu. Rungon toiminta voi olla riittävä määrä palata lausuntoja. Ei ole välttämätöntä, että ne kaikki palauttaa tuloksen samantyyppisiä.

Tyypillisesti kehittäjät arvostetun tämän mahdollisuuden ja tilanteesta riippuen, päättää erota toiminnon mahdollisimman pian.

Ei ole tarpeen käydä läpi koko algoritmin toimintoja, kun saat pois aikaisemmin.

toimintoargumenttia

Argumentit välitetään funktioluetteloa, pilkulla erotettuna ovat sulkeisiin, ja ovat heti hänen nimensä. Argumentit käytetty muuttuja nimiä, mutta voit siirtää arvoja suoraan. Kulkea JavaScript-toiminto toiminto, sinun tarvitsee vain määrittää sen nimi ilman suluissa.

Sisällä toiminto on käytettävissä muuttuja-argumenttien, jonka pituus ominaisuus. Voit viitata mihinkään väitettä toimintoa argumentteja [0], argumentit [1], ... viimeiseen argumentteja [arguments.length-1].

Toiminnon muuttamisesta argumentti on todellakin sisällä toimintoa, mutta ei sen ulkopuolella. Jotta muuttaa jotain ulkopuolella toiminto, käyttäjän on käyttää JavaScript tuotto, jonka kautta kulkevat haluttu arvo ulkopuolelle.

Jälkeen toiminto päättyy, kaikki liittyneiden sen täytäntöönpanoon, tuhotaan. Aikana toiminnon suorittamisen voi muuttua ulkoisten muuttujien, lukuun ottamatta niitä, jotka on kuvattu muita toimintoja, mukaan lukien sisätilojen.

Meillä on argumentteja callee ominaisuus, joka on tarkoitettu soittaa toiminto, joka suoritetaan tietyllä hetkellä. Jos syy itse, JavaScript version toiminnon funktio toteuttaa rekursion.

toimintojen käyttäminen

Tärkein huolenaihe toiminnot - palvella tapahtumaan selain. Voit tehdä tämän lähes joka tunniste on kyky määritellä tapahtuman nimi ja tehtävä sen valmistus. Voit määrittää useita tapahtumia, vaan jokainen tapahtuma on merkitty vain yksi toiminto.

Yksi toiminto pystyy käsittelemään useita sivun elementtejä ja muutamia tapahtumia. Kautta «Tämän» vaihtoehdon, voit siirtää tietoa toiminto, jossa se oli nimeltään.

Classic käyttö JS-toiminnot - tapahtumakäsittelijät elementteihin. Tässä esimerkissä scfWecomeGo () funktio tai scfWelcomeCancel () kutsutaan input / output muodossa vierailija, ja kun valitaan toimintatila scfMenuItemClick (tätä).

Jälkimmäisessä tapauksessa parametri välitetään «Tämän», jonka avulla voit ihmeellisesti oppia mitä diiva kutsuttiin. Oikeastaan JavaScript niin laadullisesti istutettu DOM, ja se on niin helposti voit liikkua sen elementtejä, kerätä tarvittavat tiedot siitä, että sivujen dynamiikka voi yksinkertaisesti olla arvaamattomia.

Toiminto ei tarvitse palauttaa merkkijono, numero tai muu toiminto. Se voi palauttaa täysi HTML-elementti, ja mikä on tarvittava määrä elementtejä, ja niiden käsittelijät, niiden tapahtumia.

Sijoittamalla elementin sivulla, kehittäjä luo uuden toiminnon, joka on hyvä kannalta ongelman ratkaisemiseksi ja etuja tavoiteltaessa kävijöitä, mutta melko vaikea täytäntöönpanon osalta.

Koska kehitys tällaisen täysin toimiva, helppo eksyä koodiksi, toiminnaltaan kehottaa hetkinä, jolloin muodostuu tai että sisältö yhden tai toisen sivun. Ennen tällaisen kehityksen suuntaa, ei estä hyvin painavat kaiken.

Jaosta ajattelua

Kehittäjä on ajatella tasolla kaikkien osien sivun, joka tapauksessa, ja on selkeä esitys siitä, miten kaikki todella tapahtuu. Se on vaikeaa, mutta työ on sen arvoista.

JavaScript, toiminto saattaa lykkääntyä jostakin tapahtumasta, ja tällaisia ominaisuuksia voi olla monia, ja tapahtumia on taipumus levitä ja päästä "piiriin näkyvyys" eri prosessorit.

Tässä esimerkissä jonnekin ennen funktiota kutsuttiin, joka aloitti erä tiedosto navigointivalikko. Oletetaan henkilöhaku, joka on ikkunassa vain seitsemän tiedostoja, jotka voidaan poistaa ja käsitellä. Voidaan siirtää tiedostona napsauttamalla rivin, ja nuolinäppäimillä ja lohkot seitsemän riviä.

Kussakin tapauksessa on oma tehtävänsä. Toisin sanoen, tässä yksinkertainen esimerkki, sinun täytyy kirjoittaa pari kymmeniä ominaisuuksia, jotka reagoivat erilaisiin tapahtumiin, ja jotkut näistä toiminnoista hoitaa erilaisia vaihtoehtoja ja tilanteita, että tapahtumat eivät kuuluneet.

Esimerkiksi, kun poistetaan rivi on syrjäytettävä ylöspäin. Tämä edellyttää joko tehdä uuden valinnan, joka arkipäiväinen ja selvästi resurssi, tai laskea viivoja, käytä JavaScriptin käytöstä taulukon ja tavoitteen saavuttamiseksi tyylikäs.

Argumentit ja tulokset toimintoja

JavaScript voit tuoda koodin "monipuolinen" asema. Normaalisti kun funktion argumentti on funktio. Sallittu vaihtoehto, funktio palauttaa funktio. JavaScript otetaan tyynesti.

Tämä on hyvä mekanismi, mutta melko monimutkainen suhteessa toteuttamiseen. Teknisesti sallittu semanttisesti tarjota "toiminnallinen" logiikkaa lähetystä vain pätevä kehittäjä.

Kun JavaScript-funktion toiminta - kunnossa, mutta kun toiminto muodostaa funktio, ja että toinen, logiikka on melko vaikea seurata. Itse asiassa kyse ei ole siitä soveltaa taitoja, kysymys on saada turvallinen ja oikea tulos.

Kehittäjä hoito on selkeä ja yksinkertainen. On ongelma, tarvitaan ratkaisu, ei vika kuten «JavaScript virhe toiminta on turvaton» , tyhjä ruutu tai lopettaa selaimen moottori.

Jos argumentti on funktio, sitten kehittäjä siirtää muuttujan erityisiä ominaisuuksia, joka ei ole numero, ei merkkijono, ei objekti. Mutta käyttö tällaisen väitteen voi johtaa siihen, että muuttaa ulkoinen muuttujaa ja on tulos toiminnon suorittamisen. Riippuen siitä, mitä muutoksia on riittävä siirretään.

Suorittamisen Tuotettu koodi

Toteuta suorittamisen koodi syntyy työn kuluessa muu koodi, on mahdollista avulla «eval». Sen ei katsota olevan erinomainen ratkaisu, mutta usein voi vaikeuttaa koodin tarpeettomat toiminnot, ja muodostuksen rajoittamiseksi triviaali rivi JavaScript-koodia ja yksinkertaisesti suorittaa sen.

Tässä esimerkissä, sisäosa on ompeleen käytettävissä div joitakin tietoja. Diva ja tietosisältöjä eri määrä eri tehtävissä, koska tällainen päätös tässä tilanteessa ei tarjoa taattua tilannetta «javascript virhe toiminta on turvaton» , mutta tiukasti antaa toivottua vaikutusta.

Nuance JavaScript paradigman muutos "-toimintoa toiminnon"

Jos voit tehdä ilman hienouksia, se on parempi käyttää sitä. Kaikki nämä vaihtoehdot ovat hyviä. Tietenkin, monissa tapauksissa se on ainoa ratkaisu.

Klassinen esimerkki rekursiota: kertoma. On tarpeeksi vaikeaa kirjoittaa algoritmi, joka silmukka, mutta se on hyvin yksinkertainen, voit työntää kirjekuoren arvoja. Kertoma kasvaa liian nopeasti.

Kuitenkin rekursio, ja funktio kutsuu toista toimintoa, joka voi tehdä tietoisia soittopyynnön - normaaleja asioita.

Esimerkiksi, tavallinen taulukko. Toisessa taulukossa voi olla pöytä. Pesiä ei voida rajoittaa. Kirjoita kunkin taulukon omat ominaisuudet - liikaa ylellisyyttä.

Tällaisia esimerkkejä on lukuisia, ja kaikki tämä tulee olemaan todellinen ja kiireellinen ongelma, ei siksi, ohjelmointia. Siksi ongelmana on se, että ei tavallinen eivät perustaa järjestelmän toimintoja, tarkemmin vianjäljityssanomansa ja myöhemmät luotettava toiminta tulee JavaScript hoitoa, ja kehittäjä.