JavaScripti noolefunktsioonid võivad muuta teid paremaks arendajaks

JavaScripti noolefunktsioonid võivad muuta teid paremaks arendajaks

JavaScript ES6 tõi veebiarenduse maailma põnevaid muutusi. JavaScripti keele uued lisandused tõid uusi võimalusi.





Üks populaarsemaid muudatusi oli noolefunktsioonide lisamine JavaScripti. Noolefunktsioonid on uus viis JavaScripti funktsiooniväljendite kirjutamiseks, andes teile kaks erinevat võimalust oma rakenduses funktsioonide loomiseks.



Noolefunktsioone tuleb veidi kohandada, kui olete traditsiooniliste JavaScripti funktsioonide ekspert. Vaatame, mis need on, kuidas need toimivad ja kuidas need teile kasulikud on.





Mis on JavaScripti noolefunktsioonid?

Noolefunktsioonid on uus viis olemasolevate funktsiooniavaldiste kirjutamiseks sisaldub JavaScripti ES6 väljaandes . Need on mõnevõrra erinevate reeglitega sarnased teie kasutatud JavaScripti funktsiooniväljenditega.

Noolefunktsioonid on alati anonüümsed funktsioonid, neil on erinevad reeglid



this

ja neil on lihtsam süntaks kui traditsioonilistel funktsioonidel.

kuidas sülearvutit mängude jaoks uuendada

Need funktsioonid kasutavad uut noolemärki:



=>

Kui olete kunagi Pythonis töötanud, on need funktsioonid väga sarnased Python Lambda väljendid .

Nende funktsioonide süntaks on tavalistest funktsioonidest pisut puhtam. Tasub meeles pidada mõnda uut reeglit:



  • Funktsiooni märksõna eemaldatakse
  • Tagastusmärksõna on valikuline
  • Lokkis traksid on valikulised

Üle tuleb teha palju väikeseid muudatusi, nii et alustame funktsioonide avaldiste põhilise võrdlusega.

Kuidas kasutada noolefunktsioone

Noolefunktsioone on lihtne kasutada. Noolefunktsioonide mõistmine on lihtsam, kui võrrelda kõrvuti traditsiooniliste funktsiooniväljenditega.

Siin on funktsiooni avaldis, mis lisab kaks numbrit; Esmalt kasutage traditsioonilist funktsioonimeetodit:

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

See on üsna lihtne funktsioon, mis võtab kaks argumenti ja tagastab summa.

Siin on avaldis muudetud noolefunktsiooniks:

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

Funktsiooni süntaks on noolefunktsiooni kasutamisel üsna erinev. Funktsiooni märksõna eemaldatakse; noolemärk annab JavaScriptile teada, et kirjutate funktsiooni.

Lokkis traksid ja tagastamise märksõna on endiselt alles. Need on noolefunktsioonidega valikulised. Siin on veelgi lihtsam näide samast funktsioonist:

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

Tagastusmärksõna ja lokkis traksid on nüüd kadunud. Järele on jäänud väga puhas üherealine funktsioon, mis on peaaegu pool koodi algsest funktsioonist. Sama tulemuse saate palju vähem kirjutatud koodiga.

Noolifunktsioone on veel. sukeldume sügavamale, et saaksite paremini tunda, mida nad saavad teha.

Noolefunktsiooni omadused

Noolifunktsioonidel on palju erinevaid kasutusviise ja funktsioone.

kuidas helistades numbrit peita

Regulaarsed funktsioonid

Noolefunktsioonid võivad kasutada ühte või mitut argumenti. Kui kasutate kahte või enamat argumenti, peate need sulgudes lisama. Kui teil on ainult üks argument, ei pea te sulusid kasutama.

let square = x => x * x
square(2);
>>4

Noolefunktsioone saab kasutada ilma argumentideta. Kui te ei kasuta oma funktsioonis ühtegi argumenti, peate kasutama tühje sulgusid.

let helloFunction = () => Console.log('Hello reader!');
helloFunction();
>>Hello reader!

Sellised lihtsad funktsioonid kasutavad palju vähem koodi. Kujutage ette, kui palju lihtsam on kompleks projekt nagu JavaScripti slaidiseanss saab, kui teil on lihtsam viis funktsioonide kirjutamiseks.

Selle kasutamine

Mõiste

this

kipub olema JavaScripti kasutamise kõige keerulisem osa. Noolefunktsioonid teevad

this

lihtsam kasutada.

Kui kasutate noolefunktsioone

this

määratleb piirdefunktsioon. See võib tekitada probleeme, mis tekivad pesastatud funktsioonide ja vajaduste loomisel

this

rakendada oma põhifunktsioonile

Siin on populaarne näide, mis näitab lahendust, mida peate tavaliste funktsioonidega kasutama.

function Person() {
var that = this; //You have to assign 'this' to a new variable
that.age = 0;
setInterval(function growUp() {
that.age++;
}, 1000);
}

Väärtuse määramine

this

muutujale muudab selle loetavaks, kui kutsute funktsiooni oma põhifunktsiooni sees. See on räpane, siin on parem viis seda teha noolefunktsioonide abil.

function Person(){
this.age = 0;
setInterval(() => {
this.age++; // Now you can use 'this' without a new variable declared
}, 1000);
}

Kuigi need on funktsioonide jaoks suurepärased, ei tohiks neid kasutada meetodite loomiseks objekti sees. Noolefunktsioonid ei kasuta õiget ulatust

this

.

Siin on lihtne objekt, mis loob noolefunktsiooni abil meetodi. Meetod peaks vähendama lisandid muutuja ükshaaval, kui seda kutsutakse. Selle asemel ei tööta see üldse.

playstation pluss september 2016 tasuta mängud
let pizza = {
toppings: 5,
removeToppings: () => {
this.toppings--;
}
}
//A pizza object with 5 toppings
>pizza
>>{toppings: 5, removeToppings: f}
pizza.removeToppings(); //The method will not do anything to the object
>pizza
>>{toppings: 5, removeToppings: f} //Still has 5 toppings

Töö massiividega

Noolefunktsioone kasutades saate massiivi meetoditega töötamiseks kasutatavat koodi lihtsustada. Massiivid ja massiivi meetodid on JavaScripti väga olulised osad nii et kasutate neid palju.

On mitmeid kasulikke meetodeid, näiteks kaart meetod, mis käivitab funktsiooni massiivi kõikidel elementidel ja tagastab uue massiivi.

let myArray = [1,2,3,4];
myArray.map(function(element){
return element + 1;
});
>> [2,3,4,5]

See on üsna lihtne funktsioon, mis lisab massiivi igale väärtusele ühe. Sama funktsiooni saate kirjutada ka väiksema koodiga, kasutades noolefunktsiooni.

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

Seda on nüüd palju lihtsam lugeda.

Objekti literaalide loomine

Noolefunktsioone saab kasutada JavaScriptis objektide literaatide loomiseks. Tavalised funktsioonid võivad neid luua, kuid need on veidi pikemad.

let createObject = function createName(first,last) {
return {
first: first,
last: last
};
};

Sama objekti saate teha noolefunktsiooniga, kasutades vähem koodi. Noolimärke kasutades peate funktsiooni keha sulgudesse mähkima. Siin on täiustatud süntaks noolefunktsioonidega.

let createArrowObject = (first,last) => ({first:first, last:last});

JavaScripti noolefunktsioonid ja kaugemalgi

Nüüd teate, kuidas JavaScripti noolefunktsioonid arendajana teie elu lihtsamaks muudavad. Need lühendavad süntaksit ja annavad teile suurema kontrolli

this

, hõlbustab objektide loomist ja annab teile uue viisi massiivi meetoditega töötamiseks.

Noolefunktsioonide ja paljude muude funktsioonide kasutuselevõtt JavaScriptis ES6 näitab, kui oluliseks on JavaScript veebiarenduses muutunud. Siiski saate teha palju rohkem.

Kas soovite JavaScripti kohta rohkem teada saada? Õppige neid JavaScripti raamistikke. Lisaks meie JavaScripti petuleht annab väärtuslikku teavet ja saab rohkem teada kuidas JavaScript töötab võib muuta teid paremaks arendajaks.

Jaga Jaga Piiksuma E -post 6 kuuldavat alternatiivi: parimad tasuta või odavad audioraamaturakendused

Kui teile ei meeldi heliraamatute eest maksta, siis siin on mõned suurepärased rakendused, mis võimaldavad teil neid tasuta ja seaduslikult kuulata.

Loe edasi Seotud teemad
  • Programmeerimine
  • JavaScript
Autori kohta Anthony Grant(40 artiklit avaldatud)

Anthony Grant on vabakutseline kirjanik, kes hõlmab programmeerimist ja tarkvara. Ta on arvutiteaduse eriala, kes tegeleb programmeerimise, Exceli, tarkvara ja tehnoloogiaga.

Rohkem Anthony Grantilt

Telli meie uudiskiri

Liituge meie uudiskirjaga, et saada tehnilisi näpunäiteid, ülevaateid, tasuta e -raamatuid ja eksklusiivseid pakkumisi!

Tellimiseks klõpsake siin