Mikä on Arrow Function?
Nuolifunktio {()=>} on ytimekäs tapa kirjoittaa JavaScript-funktioita lyhyemmällä tavalla. Nuolitoiminnot otettiin käyttöön ES6-versiossa. Ne tekevät koodistamme jäsennellymmän ja luettavamman.
Nuolitoiminnot ovat anonyymejä toimintoja, eli funktioita, joilla ei ole nimeä, mutta ne on usein liitetty mihin tahansa muuttujaan. Niitä kutsutaan myös Lambdan toiminnot .
arraylist java-lajittelu
Syntaksi:
const gfg = () =>{ console.log( 'Hei nörtti!' ); }>
Alla olevat esimerkit osoittavat nuolifunktioiden toiminnan JavaScriptissä.
vuosi neljänneksiin
Nuolitoiminto ilman parametreja
Javascript const gfg = () =>{ console.log( 'Hei GeekforGeeksistä!' ); } gfg();>>
Lähtö Hi from GeekforGeeks!>
Nuolitoiminto parametreilla
Javascript const gfg = ( x, y, z ) =>{ konsoli.log( x + y + z ) } gfg( 10, 20, 30 );>>
Lähtö const gfg = ( x, y, z = 30 ) =>{ konsoli.log( x + ' ' + y + ' ' + z); } gfg(10, 20);>>
Lähtö lauseke async (param1, param2, ...paramN) => { lausekkeet }>
Nuolitoimintojen edut
- Nuolitoiminnot pienentävät koodin kokoa.
- Return-lause ja funktiosulut ovat valinnaisia yksirivisille funktioille.
- Se lisää koodin luettavuutta.
- Nuolifunktiot tarjoavat leksikaalisen tämän sitomisen. Se tarkoittaa, että he perivät tämän arvon sulkevasta laajuudesta. Tämä ominaisuus voi olla edullinen tapahtumien kuuntelijoiden tai takaisinsoittotoimintojen yhteydessä, kun tämän arvo voi olla epävarma.
Nuolitoimintojen rajoitukset
- Nuolifunktioilla ei ole prototyyppiominaisuutta.
- Nuolifunktioita ei voi käyttää uuden avainsanan kanssa.
- Nuolifunktioita ei voi käyttää konstruktoreina.
- Nämä toiminnot ovat anonyymejä, ja koodin virheenkorjaus on vaikeaa.
- Nuolifunktioita ei voi käyttää generaattorifunktioina, jotka käyttävät tuottoavainsanaa useiden arvojen palauttamiseen ajan kuluessa.
Tuetut selaimet
- Chrome 45 ja uudemmat
- Reuna 12 ja uudemmat
- Firefox 22 ja uudemmat
- Opera 32 ja uudemmat
- Safari 10 ja uudemmat