Nuolifunktiot (arrow functions) ovat moderni, tiivis tapa kirjoittaa funktioita JavaScriptissä. Sen sijaan, että käytettäisiin perinteistä 

-syntaksia. Ne usein lyhentävät koodiasi ja tekevät siitä helpommin luettavaa.

Esimerkiksi, tarkastellaan yksinkertaista funktiota, joka lisää kaksi lukua:

 avainsanaaa määrittääksemme funktion 

Parametrit on lueteltu sulkeiden sisällä (samalla tavalla kun 

 -avainsanallakin), ja niitä seuraa nuoli 

Jos funktio koostuu yhdestä lausekkeesta, kyseinen lauseke palautetaan evaluoituna automaattisesti.

Jos funktio koostuu monimutkaisemmasta koodista, lisätään nuolen jälkeen aaltosulut ja käytetään 

-avainsanaa normaalisti arvon palauttamiseen.

Luo nuolitoiminto nimeltä add, joka ottaa kaksi parametria ja palauttaa niiden summan.

 funktiota parametreilla 3 ja 4 ja tulosta paluuarvo käyttäen

index.js

index.test.js

Käytä nuolifunktiota yhteenlaskuun

Tässä on perinteinen funktio, kirjoita se uudelleen nuolifunktioksi:

Määritä nuolifunktio vakioon nimeltä 

Kutsu funktiota arvolla 5 ja tulosta paluuarvo käyttäen 

Muuta nimetty funktio nuolifunktioksi

## Mikä ovat nuolifunktiot?

Nuolifunktiot (arrow functions) ovat moderni, tiivis tapa kirjoittaa funktioita JavaScriptissä. Sen sijaan, että käytettäisiin perinteistä **function**-avainsanaa, nuolifunktiot käyttävät** =>**-syntaksia. Ne usein lyhentävät koodiasi ja tekevät siitä helpommin luettavaa.

Esimerkiksi, tarkastellaan yksinkertaista funktiota, joka lisää kaksi lukua:

### Perinteinen funktiosyntaksi

```javascript
function add(a, b) {
  return a + b;
}
```

### Nuolifunktio syntaksi

```javascript
const add = (a, b) => a + b;
```

Nuolifunktion versiossa:

- Käytämme **const** avainsanaaa määrittääksemme funktion **add**.
- Parametrit on lueteltu sulkeiden sisällä (samalla tavalla kun **function** -avainsanallakin), ja niitä seuraa nuoli **=>**.
- Jos funktio koostuu yhdestä lausekkeesta, kyseinen lauseke palautetaan evaluoituna automaattisesti.
- Jos funktio koostuu monimutkaisemmasta koodista, lisätään nuolen jälkeen aaltosulut ja käytetään **return**-avainsanaa normaalisti arvon palauttamiseen.

---

## Tehtävät

@exercise 4355a6a6ffb8

@exercise 4694fc860c4a


- Luo nuolitoiminto nimeltä add, joka ottaa kaksi parametria ja palauttaa niiden summan.
- Kutsu **add** funktiota parametreilla 3 ja 4 ja tulosta paluuarvo käyttäen** console.log**-metodia.

Tässä on perinteinen funktio, kirjoita se uudelleen nuolifunktioksi:

```javascript
function square(n) {
  return n * n;
}
```

- Määritä nuolifunktio vakioon nimeltä **square**.
- Kutsu funktiota arvolla 5 ja tulosta paluuarvo käyttäen **console.log**.

Nuolifunktiot (Arrow Functions)

Opi ohjelmointia JavaScriptilla, joka voi hyvinkin olla nykymaailmassa tärkein ja monipuolisin ohjelmointikieli, ainakin web-kehityksessä.

Tervetuloa Hakatemian aloittelijaystävälliselle JavaScript-kurssille, jossa opit ohjelmoinnin perusteet JavaScriptilla.

Nykymaailmassa JavaScript on yksi suosituimmista ja monipuolisimmista ohjelmointikielistä, erityisesti web-kehityksessä jossa JavaScriptilla on ainutlaatuinen asema - mitään muuta ohjelmointikieltä ei voi suorittaa sekä selaimen että palvelimen päässä. Tästä syystä JavaScript on noussut äärimmäisen suosituksi, ja sitä käytetään sekä käyttöliittymien (React, Vue, Angular, Svelte, yms), taustajärjestelmien (NodeJS / Express, HAPI, yms), että molempien yhdistelmien (NextJS, NuxtJS, jne). kehittämiseen.

Näitä JavaScript-kehikoita tullaan käsittelemään Hakatemian myöhemmillä kursseilla, mutta ennen kun päästään sinne asti niin meidän täytyy ensin opetella JavaScript-ohjelmoinnin perusteet, ja sitä varten tämä kurssi on tehty.

Kurssin aikana opit keskeisiä ohjelmointikonsepteja, kuten muuttujat, operaattorit, ehtorakenteet, funktiot, taulukot ja oliot. Jokainen moduuli on jaettu pieniin osiin, joissa on runsaasti käytännön harjoituksia.

Tämä kurssi julkaistaan beta-kokeiluun ensimmäisenä palasena Hakatemian web-kehitys -kokonaisuutta, ja ensimmäisenä kurssina joka käyttää Hakatemian uutta ohjelmointiharjoitusympäristöä. Ilmoitathan sivun alalaidassa olevalla palautenapilla tai Discordissa jos huomaat ongelmia!

Nuolifunktiot (Arrow Functions)

Mikä ovat nuolifunktiot?

Perinteinen funktiosyntaksi

Nuolifunktio syntaksi

Hakkeroinnin oppiminen alkaa tästä