Summary  
This chapter explains how variable scope works in code, distinguishing global scope for variables declared outside of blocks from local scope for those inside blocks, and shows that nested scopes can access outer variables but not vice versa. It demonstrates this behavior by printing variables in different contexts to highlight valid access and errors.

General domain of usage  
JavaScript programming

**Scope** tarkoittaa aluetta koodissa, jossa muuttujaan voidaan päästä käsiksi tai sitä voidaan käyttää.

Määritelmä

Scopeja on kahta tyyppiä:
1. **Globaali scope**;
2. **Paikallinen scope**.

Jos muuttuja määritellään koodilohkon sisällä (aaltosulkujen `{}` välissä), sillä on **paikallinen scope**. Tämä tarkoittaa, että siihen pääsee käsiksi vain **sisältäpäin** kyseisestä funktiosta tai koodilohkosta, tai mistä tahansa **sisäkkäisestä** lohkosta:



function exampleFunc() {
  let exampleVariable = 10;

  console.log(exampleVariable); // Valid

  if(10 + 10 == 20) {
    console.log(exampleVariable); // Valid
  }
}

exampleFunc();
console.log(exampleVariable); // Shows error

Muuttuja, joka on määritelty minkä tahansa koodilohkon ulkopuolella, on **globaali muuttuja** (Global Scope), ja siihen voidaan viitata mistä tahansa:

let exampleVariable = 10;

function exampleFunc() {
  console.log(exampleVariable); // Valid

  if(10 + 10 == 20) {
    console.log(exampleVariable); // Valid
  }
}

exampleFunc();
console.log(exampleVariable); // Valid

Muuttujaa, joka on määritelty alemmassa (sisemmässä) laajuudessa, ei voi käyttää ylemmästä (ylemmän tason) laajuudesta:

function exampleFunc() {
  if(10 + 10 == 20) {
    let exampleVariable = 10;
    console.log(exampleVariable); // Valid
  }

  console.log(exampleVariable); // Shows error
}

exampleFunc();
console.log(exampleVariable); // Shows error

Mikä seuraavista väittämistä muuttujan näkyvyydestä on tosi?

Sukella suosituimman front-end-kehityskielen, JavaScriptin, maailmaan. JavaScript on lähes jokaiseen selaimeen sisäänrakennettu kieli, jota voidaan käyttää monipuolisesti erilaisiin tehtäviin. Opiskele perustoiminnallisuudet ja valmistaudu haasteisiin sekä edistyneempiin ohjelmointitekniikoihin.

Johdatus JavaScriptiin, jossa käsitellään kielen perussyntaksia sekä keskeisiä termejä ja käsitteitä, jotka muodostavat perustan edistyneiden ominaisuuksien oppimiselle. Osio sisältää käytännön tehtäviä, joiden avulla näitä käsitteitä voi harjoitella ja sisällön omaksuminen helpottuu vaivattomasti.

Laajuudet