Oppiskele Syntaksi | TypeScriptin Perusteet

TypeScript on JavaScriptin laajennus, ja sitä käytetään tämän koodin päällä. JavaScriptin ja TypeScriptin perussyntaksi on identtinen, joten jos hallitset jo JavaScriptin perusteet, tämän kurssin ymmärtäminen on huomattavasti helpompaa. Suosittelen kuitenkin tehtävien suorittamista perusasioiden kertaamiseksi.

Jos et ole aiemmin työskennellyt JavaScriptin kanssa – ei hätää. Tässä kurssissa käymme läpi perussyntaksin, joka on sama sekä TypeScriptille että JavaScriptille.

Aloitetaan tekstin tulostamisella konsoliin:


              1
            
console.log("Hello World");

Konsoliin tiedon näyttämiseen käytetään seuraavaa syntaksia:

console.log("Text we want to output");

Huomaa, että konsoliin tulostettava teksti on suljettu lainausmerkkeihin (""). Voit muuttaa tekstiä yllä olevassa koodi-ikkunassa ja kokeilla!

Huomio

Puolipisteen (;) käyttö rivin lopussa on valinnaista.

Tällä komennolla voit myös tulostaa mitä tahansa konsoliin. Tarkastellaan esimerkkiä:


              12
            
console.log("Any custom text you like")
console.log(12345)

Huomautus

Numeroita tulostettaessa ei käytetä lainausmerkkejä (""); lainausmerkkejä käytetään vain tekstille!

Voit myös yhdistää numeroita ja tekstiä käyttämällä mallilausekkeita (template literals). Tämä syntaksi on käytettävissä sekä TypeScriptissä että JavaScriptissä.

Käytä takakauttaviivoja lainausmerkkien sijaan. Lisäksi arvot (numerot tai muuttujien nimet) tulee sijoittaa tähän syntaksiin: ${variable/number}. Tarkastellaan esimerkkiä:


              12
            
var variable = 15
console.log(`There is two numbers: ${variable} and ${13}`)

Huomio

var on hieman vanhentunut tapa määritellä muuttuja. Nykyään let on yleisemmin käytetty muuttujien määrittelyyn, ja const käytetään vakioiden määrittelyyn (muuttujat, joita ei voi muuttaa alustuksen jälkeen).

Yllä olevassa esimerkissä näet, miten muuttuja luodaan ja sitä käytetään. Seuraavassa luvussa tarkastelemme tarkemmin, miten muuttujia luodaan ja käytetään.

Oliko kaikki selvää?

Kiitos palautteestasi!

Osio 1. Luku 2

Kysy tekoälyä

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Suggested prompts:

Can you explain the difference between var, let, and const?

How do I use template literals with variables in TypeScript?

Can you show more examples of printing different data types to the console?

Awesome!

Completion rate improved to 2.94

Pyyhkäise näyttääksesi valikon