Tärkeät JavaScript-toiminnot, joista sinun on tiedettävä

Tämä edureka-blogi tarjoaa syvällistä tietoa JavaScript-toiminnoista. Se selittää myös erilaisia ​​menetelmiä funktioiden määrittelemiseksi esimerkillä.

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

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.





JavaScript - javascript-toiminto - Edureka

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:

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
  • Lyhytmetodin määrittelylomake * ():
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.