Dynaamiset verkkosovellukset syntyivät syntymän jälkeen . Verkkosovellusten kasvavan suosion myötä JavaScript kielestä on tullut yksi tärkeimmistä kielistä nykymaailmassa. Tässä JavaScript-toiminto-artikkelissa selitetään eri tapoja määritellä JavaScript-toiminnot seuraavassa järjestyksessä:
- Johdanto JavaScriptiin
- JavaScriptin perusteet
- JavaScript-toiminto
- Ennalta määritetyt toiminnot
- Eri tapoja määritellä JavaScript-toiminto
Johdanto JavaScriptiin
JavaScript on a korkeatasoinen , tulkittu, ohjelmointikieli käytetään tekemään verkkosivuista interaktiivisempia. Se on erittäin tehokas asiakaspuolen komentosarjakieli, joka tekee verkkosivustasi vilkkaamman ja interaktiivisemman.
Se on ohjelmointikieli, joka auttaa sinua toteuttamaan monimutkaisen ja kauniin suunnittelun verkkosivuilla. Jos haluat, että verkkosivusi näyttää elävältä ja tekee paljon muutakin kuin vain hämmentää sinua, JavaScript on välttämätön.
JavaScriptin perusteet
Jos kieli on sinulle uusi, sinun on tiedettävä osa kielestä JavaScriptin perusteet se auttaa sinua aloittamaan koodisi kirjoittamisen. Perusteet sisältävät:
- Taulukot
- Toiminnot
Voit tarkistaa päästäksesi näiden JavaScriptin peruskäsitteiden ja perusteiden syvyyteen. Tässä JavaScript-funktion artikkelissa keskitymme eri tapoihin määritellä toiminnot.
JavaScript-toiminto
JavaScript-toiminto on a koodilohko joka on suunniteltu suorittamaan mikä tahansa tietty tehtävä. Voit suorittaa toiminnon kutsumalla sitä. Tämä tunnetaan nimellä vetoamalla tai kutsumus toiminto.
Toiminnon käyttämiseksi sinun on määritettävä se jossain laajuudessa, josta haluat kutsua sitä. Ajatuksena on koota jokin yleisesti suoritettu tehtävä yhteen ja tehdä funktio niin, että sen sijaan, että kirjoittaisimme saman koodin yhä uudelleen eri syötteille, voimme kutsua kyseistä toimintoa.
Perus syntaksi Funktion luominen JavaScriptiin on seuraava:
function functionName (Parametri1, Parametri2, ..) {// Funktion runko}
JavaScript koostuu useista sisäänrakennetuista tai ennalta määritetyt toiminnot . Mutta sen avulla voimme myös luoda käyttäjän määrittelemiä toimintoja. Joten siirrytään eteenpäin ja katsotaan joitain yleisesti käytettyjä ennalta määritettyjä toimintoja.
Ennalta määritetyt toiminnot
JavaScriptillä on useita sisäänrakennettuja ylätason toimintoja. Katsotaanpa joitain toimintoja, jotka on rakennettu kielelle.
Toiminnot | Kuvaus |
Arvio | Arvioi merkkijonon / aritmeettisen lausekkeen ja palauttaa arvon. |
ParseInt | Jäsentää merkkijono-argumentin ja palauttaa määritetyn perustan kokonaisluvun. |
ParseFloat | Jäsentää merkkijono-argumentin ja palauttaa liukuluvun. |
Paeta | Palauttaa argumentin heksadesimaalikoodauksen. |
Unescape | Palauttaa määritetyn arvon ASCII-merkkijonon. |
Otetaan esimerkki ja katsotaan, miten nämä ennalta määritetyt toiminnot toimivat JavaScriptissä:
var x = 10 var y = 20 var a = eval ('x * y') // Eval var b = parseInt ('10 .00 ') // ParseInt var c = parseFloat ('10') // ParseFloat escape ('Tervetuloa Edurekaan ') // Escape unescape (' Tervetuloa Edurekaan ') // Unescape
Eri tapoja määritellä JavaScript-toiminto
Toiminto voidaan määrittää eri tavoin. On tärkeää tarkistaa, kuinka toiminto on vuorovaikutuksessa ulkoisten komponenttien ja kutsutyypin kanssa. Eri tapoja ovat:
Toimintoilmoitus
Toimintoilmoitus koostuu a funktion avainsana , pakollinen funktion nimi, luettelo parametrit pari sulkeissa ja pari kihara olkaimia, jotka rajaavat kehon koodin.
Se määritellään seuraavasti:
// funktion ilmoitusfunktio isEven (num) {return num% 2 === 0} isEven (24) // => true isEven (11) // => false
Toiminto isEven (numero) on funktion selitys, jota käytetään määrittämään, onko luku parillinen.
Funktion ilmaisu
Funktion lauseke määräytyy a funktion avainsana , jota seuraa valinnainen funktion nimi, parametrien luettelo suluissa ja pari kiharaisia aaltosulkeita, jotka rajaavat kehon koodin.
Se määritellään seuraavasti:
const count = function (array) {// Funktiolauseke return array.length} const method = {numerot: [2, 5, 8], summa: function () {// Funktion lauseke palauttaa this.numbers.reduce (function acc, num) {// funktiolausekkeen palautus acc + num})}} count ([1, 7, 2]) // => 3 menetelmää. summa () // => 15
Funktiolauseke luo funktio-objektin, jota voidaan käyttää erilaisissa tilanteissa, kuten:
- Se voidaan määrittää a muuttuja kuten esine: count = funktio (…) {…}
- Luo menetelmä objektisummalla: funktio () {…}
- Käytä toiminto olla soita takaisin: .pienennä (funktio (…) {…})
Lyhytmetodin määritelmä
Lyhytmetodin määrittelyä käytetään menetelmän julistuksessa esine literaalit ja ES6-luokat. Voit määrittää ne käyttämällä a toiminnon nimi , jota seuraa luettelo parametrit pari sulkeissa ja parissa kiharaisia olkaimia, jotka rajaavat kehon lauseet.
Seuraava esimerkki käyttää lyhennemenetelmän määritelmää objektilitraalissa:
const collection = {items: [], lisää (... items) {this.items.push (... items)}, hanki (index) {return this.items [index]}} collection.add ('edureka ',' Online ',' JavaScript ') collection.get (1) // =>' edureka '
Lyhytaikaisessa lähestymistavassa on useita edut perinteisen omaisuuden määritelmän yli, kuten:
- Sillä on lyhyempi syntakse mikä helpottaa lukemista ja kirjoittamista.
- Tämä luo nimettyjä funktioita, toisin kuin funktiolauseke. Se on hyödyllinen virheenkorjaus.
Nuolitoiminto
Nuolitoiminto määritetään suluilla, jotka sisältävät parametriluettelon, jota seuraa a rasva nuoli (=>) ja pari kiharaisia olkaimia, jotka rajaavat kehon lauseet.
Seuraava esimerkki näyttää nuolitoiminnon peruskäytön:
const absValue = (luku) => {if (luku 21 absValue (7) // => 7
Tässä, absValue on nuolitoiminto, joka laskee luvun absoluuttisen arvon.
Generaattorin toiminto
JavaScript-generaattoritoiminto palauttaa a Generaattori esine. Syntaksi on samanlainen kuin funktion lauseke, funktio-ilmoitus tai menetelmä-ilmoitus. Mutta se vaatii a tähtimerkki (*) .
Generaattoritoiminto voidaan ilmoittaa seuraavissa muodoissa:
- Toimintoilmoituslomakkeen toiminto * ():
function * indexGenerator () {var index = 0 while (true) {yield index ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g.next ( ) .arvo) // => 1
- Funktion lausekemuoto funktio * ():
const indexGenerator = funktio * () {anna indeksin = 0, kun (tosi) {tuottoindeksi ++}} const g = indexGenerator () console.log (g.seuraava () .arvo) // => 0 konsoli.log (g. seuraava (). arvo) // => 1
const obj = {* indexGenerator () {var index = 0 while (true) {tuottoindeksi ++}}} const g = obj.indexGenerator () console.log (g.next (). value) // => 0 konsoli. loki (g.sext () .arvo) // => 1
Generaattoritoiminto palauttaa esine g kaikissa kolmessa tapauksessa. Sitten sitä käytetään kasvavien numeroiden sarjan luomiseen.
taulukko-opetus vaihe vaiheelta
Toimintorakentaja
Kun funktio kutsutaan konstruktoriksi, a uusi toiminto on luotu. Konstruktorille välitetyistä argumenteista tulee uuden funktion parametrinimi. Tässä viimeistä argumenttia käytetään argumenttina toiminto runko koodi.
Esimerkiksi:
funktio summa1 (a, b) {return a + b} const summa2 = funktio (a, b) {palauta a + b} const summa3 = (a, b) => a + b konsoli.log (summa1 === 'function') // => true console.log (type2 sum2 === 'function') // => true console.log (typeof sum3 === 'function') // => true
Nämä olivat joitain eri menetelmiä funktioiden määrittelemiseksi JavaScriptissä. Tämän avulla olemme päässeet artikkelimme loppuun. Toivon, että ymmärrät, mitä ovat JavaScript-toiminnot ja erilaiset menetelmät niiden määrittelemiseksi.
Nyt kun tiedät JavaScript-toiminnosta, tutustu kirjoittanut Edureka. Verkkokehityksen sertifiointikoulutus auttaa sinua oppimaan luomaan vaikuttavia verkkosivustoja HTML5-, CSS3-, Twitter Bootstrap 3-, jQuery- ja Google-sovellusliittymien avulla ja asentamaan sen Amazon Simple Storage Service (S3) -palveluun.
Onko sinulla kysymys meille? Mainitse se JavaScript-toiminnon kommenttiosassa ja palaamme sinuun.