Paprastas „TypeScript“ vertimas į „JavaScript“
„TypeScript“ siūlo neįtikėtiną kūrėjo ergonomiką, tačiau naršyklėms ir „Node.js“ veikti reikalinga „JavaScript“. Mūsų „TypeScript“ į „JavaScript“ įrankis suteikia sklandų būdą konvertuoti jūsų .tsir .tsxfailus į vykdomąjį .jskodą. Nesvarbu, ar derinate iškarpą, ar mokotės, kaip „TypeScript“ kompiliuojasi užkulisiuose, mūsų įrankis pateikia rezultatus akimirksniu.
Pagrindinės kompiliatoriaus savybės
Modernus JS palaikymas: rinkitės iš ES5, ES6 arba naujausių ESNext versijų.
JSX/TSX suderinamumas: lengvai konvertuokite „React TypeScript“ komponentus į galiojantį „JavaScript“.
Kodo sumažinimas: galimybė išvesti suspaustą kodą gamybiniam testavimui.
Apdorojimas naršyklėje: jūsų šaltinio kodas išlieka privatus ir saugus, kol kompiliavimas vyksta jūsų naršyklėje.
Kaip naudoti TS į JS keitiklį
Įklijuoti šaltinį: Įveskite savo „TypeScript“ kodą į kairįjį redaktorių.
Nustatymų koregavimas: pasirinkite tikslinę ECMAScript versiją(pvz., ES2020) ir perjunkite dekoratorius arba JSX nustatymus.
Momentinis kompiliavimas: realiuoju laiku peržiūrėkite perkeltą „JavaScript“ išvestį.
Eksportuoti: nukopijuokite kodą į iškarpinę arba atsisiųskite jį kaip
.jsfailą.
Kodėl verta naudoti internetinį „TypeScript“ kompiliatorių?
Nors vietiniai kūrimo įrankiai, tokie kaip tsc„Webpack“ ar „Vite“, yra standartiniai dideliems projektams, internetinis kompiliatorius yra būtinas greitam prototipų kūrimui ir trikčių šalinimui.
1. Momentinis derinimas ir prototipų kūrimas
Testuojate konkrečią „TypeScript“ funkciją ar sudėtingą bendrą funkciją? Praleiskite projekto sąranką. Įklijuokite savo kodą čia, kad pamatytumėte, kaip tiksliai „TypeScript“ kompiliatorius tvarko jūsų logiką, tai ypač naudinga norint suprasti „Type Erasure“ .
2. „TypeScript“ vidinių funkcijų mokymasis
Jei esate naujokas šioje kalboje, TS ir JS palyginimas padės suprasti, kaip sąsajos, išvardijimai ir vardų erdvės transformuojamos į standartinius „JavaScript“ objektus ir funkcijas.
3. Greitas scenarijų konvertavimas
Kartais tereikia greito įrankio skripto, parašyto „TypeScript“ kalba, kuris veiktų aplinkoje, palaikančioje tik „Vanilla JS“. Šis įrankis panaikina vietinės tsconfig.jsonsąrankos poreikį.
Dažnai užduodami klausimai
Kas nutinka mano tipams ir sąsajoms?
„JavaScript“ neturi tipų sistemos. Kompiliavimo metu visa „TypeScript“ būdinga sintaksė(sąsajos, tipai ir anotacijos) pašalinama procesu, vadinamu tipų ištrynimu, paliekant tik funkcinę logiką.
Ar jis palaiko dekoratorius ir metaduomenis?
Taip, nustatymų skydelyje galite įjungti eksperimentinius dekoratorius, kad pamatytumėte, kaip jie perkeliami į senus arba modernius „JavaScript“ šablonus.
Ar produkcija paruošta gamybai?
Žinoma. Mes naudojame oficialų „TypeScript“ kompiliatoriaus(TSC) variklį, kad užtikrintume identišką rezultatą tam, kurį gautumėte iš profesionalios vietinės kūrimo aplinkos.
Profesionalūs patarimai, kaip sukurti švarią „JavaScript“ išvestį
Tikslinis pasirinkimas: jei orientuojatės į senesnes naršykles(pvz., IE11), būtinai pasirinkite ES5 kaip tikslinę naršyklę, kad būtų įtraukti būtini polifildai ir transformacijos.
Klaidų tikrinimas: mūsų redaktorius realiuoju laiku paryškina sintaksės klaidas, padėdamas jums ištaisyti sugedusius „TypeScript“ kodus dar prieš pradedant kompiliavimą.
Pašalinti komentarus: naudokite parinktį „Pašalinti komentarus“, jei norite švaresnio, mažesnio „JavaScript“ failo, kurį būtų galima greitai platinti.