TypeScriptin kääntäminen JavaScriptiksi
Ymmärtäkää TypeScript-kääntäjää ja sen tuottamaa koodia.
TypeScriptin kääntäminen JavaScriptiksi on ilmainen TypeScript Academy-oppitunti CoddyKitissä. Tämä on oppitunti 3/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
TypeScript-kääntäjän asentaminen
npm install --save-dev typescript
npx tsc --versionEnsimmäinen tsc-käännös
// hello.ts
function greet(name: string): string {
return 'Hello, ' + name;
}
console.log(greet('World'));
// Compile: npx tsc hello.ts
// Output: hello.js (no types)tsconfig.json: projektin määritys
npx tsc --init
// Creates tsconfig.json with defaults and commentsTärkeimmät tsconfig-asetukset
{
"compilerOptions": {
"target": "ES2020",
"module": "commonjs",
"outDir": "./dist",
"strict": true
}
}Katselutila komennolla tsc --watch
npx tsc --watch
// Watches for changes and recompiles on savenoEmit: tyyppitarkistus ilman tiedostojen tuottamista
// tsconfig.json
{ "compilerOptions": { "noEmit": true } }
// Then run:
npx tsc --noEmitNopeammat vaihtoehdot: ts-node ja tsx
# Run TS directly with ts-node
npx ts-node src/index.ts
# Or faster with tsx
npx tsx src/index.tsLähdekartat virheenkorjausta varten
{ "compilerOptions": { "sourceMap": true } }Määritystiedostot (.d.ts)
{ "compilerOptions": { "declaration": true } }
// Outputs: dist/index.js AND dist/index.d.tsKääntäjän virheet estävät tulosteen oletusarvoisesti
{ "compilerOptions": { "noEmitOnError": true } }Pikatarkistus
Kertaus
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 ”TypeScriptin kääntäminen JavaScriptiksi” ilmainen?
Kyllä – oppitunnin ”TypeScriptin kääntäminen JavaScriptiksi” 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 ”TypeScriptin kääntäminen JavaScriptiksi”?
Ymmärtäkää TypeScript-kääntäjää ja sen tuottamaa koodia. 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 3/4.
Kuinka kauan ”TypeScriptin kääntäminen JavaScriptiksi”-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
- JavaScriptin kipukohdat: ajonaikaiset virheet
- Mitä TypeScript lisää JavaScriptiin
- TypeScriptin kääntäminen JavaScriptiksi
- Milloin TypeScriptiä kannattaa käyttää projekteissa