JavaScript Academy · Oppitunti

Deklaraatiot ja lausekkeet sekä nuolifunktioiden perusteet

Tutustukaa funktiod eklaaraatioiden ja lausekkeiden eroihin, nuolifunktioiden syntaksiin ja yksinkertaisiin käyttötapoihin.

Oppitunti 1/38 vaihetta

Deklaraatiot ja lausekkeet sekä nuolifunktioiden perusteet on ilmainen JavaScript Academy-oppitunti CoddyKitissä. Tämä on oppitunti 1/3. Voit lukea tästä oppimispolusta kokonaan mitkä tahansa 3 oppituntia ilmaiseksi — sen jälkeen CoddyKit PRO avaa kaikki oppitunnit sekä käytännön harjoittelun sisäänrakennetulla koodieditorilla ja ympäri vuorokauden toimivalla tekoälytuutorilla. Oppitunti kuuluu JavaScript Academy-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. JavaScript Academy-kurssilla on yhteensä 3 oppituntia.

Johdanto

Tavoite: Erottakaa funktioiden määrittelyt lausekkeista, opetelkaa nuolifunktioiden perussyntaksi ja valitkaa tehtävään yksinkertaisin muoto.

  • Määrittely
  • Lauseke
  • Nuolifunktioiden perusteet
Deklaraatiot ja lausekkeet sekä nuolifunktioiden perusteet — kuvitus 1

Funktion määrittely

Funktion määrittely nostetaan, joten kutsut voivat olla määrittelyn yläpuolella.

// Function declaration
// Can be called before or after its definition (hoisted)
console.log(greet("Ayla"));

function greet(name) {
  return "Hello, " + name + "!";
}

console.log(greet("Coder"));
Deklaraatiot ja lausekkeet sekä nuolifunktioiden perusteet — kuvitus 2

Funktioilmaus

Funktioilmaus luodaan suoritushetkellä; kutsukaa sitä sijoitusrivin jälkeen.

// Function expression
// Assigned to a variable; not callable before this line
const add = function (a, b) {
  return a + b;
};

console.log("Sum:", add(2, 3));
Deklaraatiot ja lausekkeet sekä nuolifunktioiden perusteet — kuvitus 3

Nuolifunktioiden perusteet

Nuolifunktiot ovat tiiviitä. Yhden parametrin tapauksessa sulkeet voi jättää pois; yksirivisestä rungosta voi jättää return-sanan pois.

// Arrow function basics
// Short, expression-friendly syntax
const double = (n) => {
  return n * 2;
};

const square = n => n * 2; // simple one-liner for demo

console.log(double(4));
console.log(square(4));
Deklaraatiot ja lausekkeet sekä nuolifunktioiden perusteet — kuvitus 4

Muodon valinta

Käyttäkää määrittelyjä nimettyihin apufunktioihin ja nuolifunktioita pieniin, suoraan koodiin kirjoitettaviin apufunktioihin.

// Pick the simplest form for clarity
// Use declarations for top-level named utilities
function toTitle(name) {
  return "Title: " + name;
}

// Use arrows for tiny inline helpers
const shout = text => text.toUpperCase();

console.log(toTitle("Intro"));
console.log(shout("hello"));
Deklaraatiot ja lausekkeet sekä nuolifunktioiden perusteet — kuvitus 5

Vinkkejä aloittelijoille

Vinkkejä:

  • Nimetkää funktiot niiden tekemän työn mukaan.
  • Antakaa kullekin funktiolle yksi pieni tehtävä.
  • Suosikaa lyhyitä, tasaisia runkoja ja selkeitä paluuarvoja.
Deklaraatiot ja lausekkeet sekä nuolifunktioiden perusteet — kuvitus 6

Hoisting-tietovisa

Pikatarkistus: nostaminen.

Deklaraatiot ja lausekkeet sekä nuolifunktioiden perusteet — kuvitus 7

Kertaus

Kertaus: Määrittelyt nostetaan, joten ne sopivat nimettyihin apufunktioihin; ilmaukset ja nuolifunktiot luodaan suoritushetkellä, ja ne sopivat erinomaisesti pieniin apufunktioihin.

Deklaraatiot ja lausekkeet sekä nuolifunktioiden perusteet — kuvitus 8
Aloita maksutta

Opi JavaScript tekoälytuutorin avulla — ilmaiseksi

Kirjoita ja suorita oikeaa koodia selaimessa, saa välitöntä apua tekoälytuutorilta ympäri vuorokauden ja jatka siitä, mihin jäit, verkossa tai sovelluksessa.

Kurssit
59
Oppitunnit
200

Usein kysytyt kysymykset

Onko oppitunti ”Deklaraatiot ja lausekkeet sekä nuolifunktioiden perusteet” ilmainen?

Kyllä — voit lukea täällä verkossa kokonaan ilmaiseksi mitkä tahansa JavaScript Academy-oppimispolun 3 oppituntia, myös oppitunnin “Deklaraatiot ja lausekkeet sekä nuolifunktioiden perusteet”. Sen jälkeen CoddyKit PRO avaa kaikki oppitunnit sekä interaktiiviset harjoitukset sisäänrakennetulla koodieditorilla ja ympäri vuorokauden toimivalla tekoälytuutorilla. JavaScript Academy-kurssilla on yhteensä 3 oppituntia.

Mitä opin oppitunnilla ”Deklaraatiot ja lausekkeet sekä nuolifunktioiden perusteet”?

Tutustukaa funktiod eklaaraatioiden ja lausekkeiden eroihin, nuolifunktioiden syntaksiin ja yksinkertaisiin käyttötapoihin. Harjoittelet JavaScript Academy-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.

Tarvitsenko kokemusta aloittaakseni JavaScript Academy-opiskelun?

Aiempi kokemus ei ole tarpeen. CoddyKitin JavaScript Academy-oppimispolku sopii vasta-alkajista edistyneisiin, joten voit aloittaa tästä tai alusta ja edetä omaan tahtiisi. Tämä on oppitunti 1/3.

Kuinka kauan ”Deklaraatiot ja lausekkeet sekä nuolifunktioiden perusteet”-oppitunnin suorittaminen kestää?

Useimmat CoddyKitin oppitunnit kestävät noin 5–10 minuuttia. Jokainen oppitunti on lyhyt ja interaktiivinen, joten edistyt tasaisesti ja voit jatkaa siitä, mihin jäit – sekä verkossa että sovelluksessa.

Voinko kirjoittaa ja suorittaa koodia tällä JavaScript Academy-oppitunnilla?

Kyllä. Jokainen JavaScript Academy-oppitunti sisältää sisäänrakennetun koodieditorin, joten voit kirjoittaa ja suorittaa oikeaa koodia suoraan selaimessa ja saada välitöntä palautetta tekoälyltä – paikallista asennusta ei tarvita.

Kaikki tämän kurssin oppitunnit

  1. Deklaraatiot ja lausekkeet sekä nuolifunktioiden perusteet
  2. Parametrit, oletukset, rest ja palautukset
  3. thisin perusteet; call/apply/bind (johdanto)
← Takaisin: JavaScript Academy