Funkcije JavaScript strelice mogu vas učiniti boljim programerom

Oglas

JavaScript ES6 donio je uzbudljive promjene u svijet web razvoja. Novi dodaci JavaScript jeziku donijeli su nove mogućnosti.

Jedna od popularnijih promjena bilo je dodavanje funkcija strelica u JavaScript. Funkcije strelica novi su način za pisanje izraza JavaScript funkcije, omogućujući vam dva različita načina stvaranja funkcija u vašoj aplikaciji.

Funkcije strelica malo se prilagođavaju ako ste stručnjak za tradicionalne JavaScript funkcije. Pogledajmo što su to, kako djeluju i kako vam koriste.

Koje su funkcije JavaScript strelice?

Funkcije strelica novi su način za pisanje izraza funkcije koji su bili uključeno u izdanje JavaScript ES6 Što je ES6 i što Javascript programeri trebaju znatiES6 odnosi se na verziju 6 programskog jezika ECMA Script (Javascript). Pogledajmo sada neke velike promjene koje ES6 donosi u JavaScript. Čitaj više . Oni su slični izrazima JavaScript funkcije koje ste koristili, s nekim malo drugačijim pravilima.

Funkcije strelica uvijek su anonimne funkcije, a imaju različita pravila za ovaj, i imaju jednostavniju sintaksu od tradicionalnih funkcija.

Ove funkcije koriste novi token strelice:

=>

Ako ste ikada radili u Pythonu, ove su funkcije vrlo slične Python Lambda izrazi Vodič za početnike za razumijevanje Python Lambda funkcijaLambde u Pythonu jedna su od najkorisnijih, važnih i najzanimljivijih značajki koje treba znati. Evo kako ih koristiti i zašto su korisni. Čitaj više .

Sintaksa ovih funkcija malo je čišća od normalnih funkcija. Nekoliko je novih pravila koje morate imati na umu:

• Funkcijska ključna riječ je uklonjena
• Povratak ključna riječ nije obavezna
• Kovrčave narukvice nisu obavezne

Postoji puno malih promjena koje treba prijeći, pa započnimo s osnovnom usporedbom izraza funkcija.

Kako koristiti funkcije strelice

Funkcije strelica su jednostavne za korištenje. Razumijevanje funkcija strelica je lakše u usporedbi s tradicionalnim izrazima funkcija.

Ovdje je izraz funkcije koji dodaje dva broja; prvo koristeći tradicionalnu metodu funkcije:

 neka addnum = funkcija (num1, num2) {return num1 + num2; }; addnum (1,2); >>3

To je prilično jednostavna funkcija koja uzima dva argumenta i vraća zbroj.

Ovdje je izraz promijenjen u funkciju strelice:

neka addnum = (num1, num2) => {povratak num1 + num2;}; addnum (1,2); >>3

Sintaksa funkcije je sasvim drugačija pomoću strelice. Uklonjena je ključna riječ s funkcijama; token strelice omogućava JavaScript da znate da pišete funkciju.

Kovrčava zagrade i ključna riječ povrat su još uvijek tu. Ove su opcije sa funkcijama strelice. Evo još jednostavnijeg primjera iste funkcije:

neka addnum = (num1, num2) => num1 + num2;

Povratak ključna riječ i kovrčave zagrade sada više nema. Ostalo je vrlo čista jednostruka funkcija koja je gotovo polovica koda kao izvorna funkcija. Isti rezultat postižete s puno manje napisanog koda.

Ima više funkcija strelica. zaronimo dublje kako biste bolje osjećali što mogu učiniti.

Značajke strelice

Uključene su različite funkcije i mogućnosti strelice.

Redovne funkcije

Funkcije strelice mogu koristiti jedan ili više argumenata. Ako koristite dva ili više argumenata, morate ih priložiti u zagradama. Ako imate samo jedan argument, ne morate koristiti zagrade.

neka je kvadrat = x => x * x kvadrat (2); >>4

Funkcije strelica mogu se koristiti bez argumenata. Ako ne koristite nikakve argumente u svojoj funkciji, morate koristiti prazne zagrade.

neka helloFunction = () => Console.log ("Pozdrav čitatelju!"); helloFunction (); >> Pozdrav čitatelju!

Jednostavne funkcije poput ovih koriste mnogo manje koda. Zamislite koliko je lakše kompleks projekt poput JavaScript prezentacije Kako izgraditi JavaScript SlideShow u 3 jednostavna korakaDanas ću vam pokazati kako izgraditi prezentaciju Javacript-a od početka - uskočimo odmah! Čitaj više postaje kad imate jednostavniji način pisanja funkcija.

Koristeći ovo

Pojam ovaj obično je najteži dio korištenja JavaScripta. Funkcije strelica čine ovaj lakši za upotrebu.

Kada koristite funkcije strelice ovaj bit će definiran funkcijom ograđivanja. To može stvoriti probleme koji nastaju kada stvorite ugniježđene funkcije i potrebe ovaj primijeniti na svoju glavnu funkciju

Evo popularnog primjera koji pokazuje rješenje koje morate koristiti sa redovnim funkcijama.

funkcija Osoba () {var da = ovo; // Morate dodijeliti 'ovo' novoj varijabli that.age = 0; setInterval (funkcija rasteUp () {that.age ++; }, 1000); }

Dodjeljivanje vrijednosti ovaj na varijablu čini je čitljivom kada nazovete funkciju unutar glavne funkcije. Ovo je neuredno, evo boljeg načina za to pomoću funkcija strelica.

funkcija Osoba () {this.age = 0; setInterval (() => {this.age ++; // Sada možete koristiti 'ovo' bez deklarirane nove varijable}, 1000); }

Iako su izvrsne za funkcije, ne trebaju se koristiti za stvaranje metoda unutar objekta. Funkcije strelica ne koriste pravo ocjenjivanje ovaj.

Evo jednostavnog objekta koji unutar kreira metodu pomoću strelice. Metoda bi trebala smanjiti preljeva promjenjiva po jedna kad se zove. Umjesto toga, to uopće ne djeluje.

neka pizza = { preljevi: 5, ukloniToppings: () => {this.toppings--; } } // Objekt pizze s 5 preljeva. > Pizzu. >> {preljevi: 5, ukloniToppings: f} pizza.removeToppings (); // Metoda neće ništa učiniti objektu> pizza. >> {toppings: 5, removeToppings: f} // Još uvijek ima 5 preljeva.

Rad s nizovima

Pomoću funkcija strelica možete pojednostaviti kôd koji se koristi za rad s metodama polja. Nizi i metode array-a su vrlo važni dijelovi JavaScripta 5 metoda s nizom JavaScript koje biste trebali savladati danasŽelite li razumjeti JavaScript nizove, ali ne možete se nositi s njima? Provjerite naše primjere niza JavaScript. Čitaj više pa ćete ih puno koristiti.

Postoje neke korisne metode poput karta metoda koja pokreće funkciju na svim elementima matrice i vraća novi niz.

neka mojArray = [1,2,3,4]; myArray.map (funkcija (element) { povratni element + 1; }); >> [2,3,4,5]

Ovo je prilično jednostavna funkcija koja dodaje svaku vrijednost u nizu. Pomoću funkcije strelice možete istu funkciju napisati s manje koda.

neka mojArray = [1,2,3,4]; myArray.map (element => { povratni element + 1; }); >> [2,3,4,5]

Sada je puno lakše čitati.

Izrada objektnih literala

Funkcije strelica mogu se koristiti za izradu objekata literala u JavaScript-u. Redovne funkcije mogu ih stvoriti, ali malo duže.

neka createObject = funkcija createName (prvi, zadnji) {return {first: first, last: last}; };

Isti objekt možete napraviti sa funkcijom strelice koristeći manje koda. Pomoću oznake sa strelicom morat ćete zamotati funkcijsko tijelo u zagrade. Evo poboljšane sintakse sa funkcijama strelice.

neka createArrowObject = (prvi, zadnji) => ({prvi: prvi, zadnji: zadnji});

Funkcije JavaScript strelice i šire

Sada znate nekoliko različitih načina na koje vam JavaScript strelice olakšavaju život kao programeru. Oni skraćuju sintaksu, daju vam veću kontrolu korištenjem ovaj, olakšavaju izradu objekata i daju vam novi način rada s nizovima metoda.

Uvođenje funkcija strelica, zajedno s mnogim drugim značajkama, u JavaScript ES6 pokazuje koliko je JavaScript postao važan u web razvoju. Ipak postoji toliko puno više.

Želite li saznati više o JavaScript-u? Naše JavaScript varalica Ultimate JavaScript varalicaPomoću ovog varalice možete brzo osvježiti JavaScript elemente. Čitaj više pruža vrijedne informacije i saznanja više o tome kako funkcionira JavaScript Što je JavaScript i kako funkcionira?Ako učite web razvoj, evo što trebate znati o JavaScript-u i kako to funkcionira s HTML-om i CSS-om. Čitaj više može vas učiniti boljim programerom.