TypeScript Academy · Oppitunti

Primitiivityypit: string, number, boolean

Tyypittäkää muuttujia TypeScriptin kolmella keskeisellä primitiivityypillä.

Oppitunti 1/413 vaihetta

Primitiivityypit: string, number, boolean on ilmainen TypeScript Academy-oppitunti CoddyKitissä. Tämä on oppitunti 1/4. Voit lukea koko oppitunnin alta ilmaiseksi ja harjoitella sen jälkeen käytännössä selaimessa sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla. Oppitunti kuuluu TypeScript Academy-oppimispolkuun, ja edistymisesi synkronoituu verkon ja CoddyKit-sovelluksen välillä. TypeScript Academy-kurssilla on yhteensä 4 oppituntia.

Tervetuloa

TypeScriptin kolme keskeistä primitiivityyppiä ovat string, number ja boolean. Tässä oppitunnissa opit merkitsemään muuttujat näillä tyypeillä.

Muuttujien tyyppiannotaatiot

Lisää tyyppiannotaatio muuttujan nimen jälkeen kaksoispisteellä. TypeScript valvoo tyypin säilymistä muuttujan koko elinkaaren ajan.
let username: string = 'Alice';
let score: number = 100;
let isLoggedIn: boolean = true;

Tyyppipäättely

TypeScript voi päätellä tyypit alkuarvosta. Eksplisiittistä tyyppiannotaatiota ei aina tarvita, sillä kääntäjä päättelee tyypin puolestasi.
let city = 'Istanbul';   // inferred as string
let price = 9.99;        // inferred as number
let enabled = false;     // inferred as boolean

Tyyppivirheet käännösaikana

Kun muuttujalle on määritetty tyyppi, toisen tyypin sijoittaminen siihen aiheuttaa käännösaikaisen virheen. TypeScript havaitsee tämän ennen koodin suorittamista.
let count: number = 10;
count = 'ten'; // Error: Type 'string' is not assignable to type 'number'

string-tyyppi

string-tyyppi edustaa kaikkia tekstiarvoja. TypeScript tarkistaa, että string-operaatiot, kuten .toUpperCase(), ovat kelvollisia.
let greeting: string = 'Hello';
console.log(greeting.toUpperCase()); // 'HELLO'
console.log(greeting.length);        // 5

number-tyyppi

TypeScriptissä on yksi number-tyyppi sekä kokonaisluvuille että liukuluvuille JavaScriptin tapaan. Erillistä int- tai float-tyyppiä ei ole.
let age: number = 25;
let pi: number = 3.14159;
let hex: number = 0xFF;

boolean-tyyppi

boolean edustaa arvoa true tai false. TypeScript estää truthy/falsy-muunnoksista johtuvat virheet varmistamalla, että boolean-muuttujissa voi olla vain arvo true tai false.
let isDone: boolean = false;
let hasAccess: boolean = true;
// isDone = 1; // Error — not a boolean

Template literalit toimivat string-tyypin kanssa

TypeScript tyypittää template literal -lausekkeet. Muun kuin merkkijonon upottaminen template literaliin on sallittua, koska JavaScript muuntaa sen merkkijonoksi.
let name: string = 'World';
let n: number = 42;
let msg = `Hello ${name}, you scored ${n}`;

Primitiivit ja wrapper-oliot

Käyttäkää aina pienellä alkukirjaimella kirjoitettuja tyyppejä string, number ja boolean – älkää tyyppejä String, Number ja Boolean. Isoilla alkukirjaimilla kirjoitetut versiot ovat olioiden wrapper-tyyppejä, joita pitäisi käyttää vain harvoin.
// Correct
let a: string = 'hello';

// Avoid
let b: String = new String('hello'); // wrapper object

Funktioparametrien tyyppimerkinnät

Funktioparametrien merkitseminen primitiivityypeillä paljastaa väärillä argumenteilla tehdyt virheet jo käännösaikana.
function add(a: number, b: number): number {
  return a + b;
}
add(2, 3);      // OK
// add(2, '3'); // Error

Milloin tyyppimerkinnät voi jättää pois

Kun muuttuja alustetaan arvolla, TypeScript päättelee sen tyypin. Eksplisiittinen tyyppimerkintä on valinnainen, mutta se voi parantaa funktioiden allekirjoitusten luettavuutta.
// Both are fine:
const x = 5;          // inferred number
const y: number = 5;  // explicit number

Pikatarkistus

Mikä on arvon 3.14 oikea TypeScriptin primitiivityyppi?

Kertaus

Käyttäkää tyyppejä string, number ja boolean TypeScriptin primitiivityypeille. TypeScript päättelee tyypit alkuarvoista, mutta eksplisiittiset tyyppimerkinnät ovat hyödyllisiä funktioiden allekirjoituksissa. Käyttäkää aina pienellä alkukirjaimella kirjoitettuja tyyppinimiä.
Aloita maksutta

Opi TypeScript 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
101
Oppitunnit
352

Usein kysytyt kysymykset

Onko oppitunti ”Primitiivityypit: string, number, boolean” ilmainen?

Kyllä – oppitunnin ”Primitiivityypit: string, number, boolean” koko tekstin voi lukea täällä verkossa ilmaiseksi. Jos haluat harjoitella interaktiivisesti sisäänrakennetulla koodieditorilla ja ympäri vuorokauden käytettävissä olevan tekoälytuutorin avulla sekä avata koko TypeScript Academy-kurssin, päivitä CoddyKit PROhon. TypeScript Academy-kurssilla on yhteensä 4 oppituntia.

Mitä opin oppitunnilla ”Primitiivityypit: string, number, boolean”?

Tyypittäkää muuttujia TypeScriptin kolmella keskeisellä primitiivityypillä. Harjoittelet TypeScript Academy-aihetta koodilla, jonka suoritat suoraan selaimessa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori vastaa kysymyksiisi oppitunnin aikana.

Tarvitsenko kokemusta aloittaakseni TypeScript Academy-opiskelun?

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

Kuinka kauan ”Primitiivityypit: string, number, boolean”-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ä TypeScript Academy-oppitunnilla?

Kyllä. Jokainen TypeScript 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. Primitiivityypit: string, number, boolean
  2. any-tyyppi ja miksi sitä kannattaa välttää
  3. unknown ja any: turvallisempi valinta
  4. null, undefined ja tiukat null-tarkistukset
← Takaisin: TypeScript Academy