எளிதான டைப்ஸ்கிரிப்ட் முதல் ஜாவாஸ்கிரிப்ட் டிரான்ஸ்பிலேஷன் வரை
TypeScript நம்பமுடியாத டெவலப்பர் பணிச்சூழலியல் வழங்குகிறது, ஆனால் உலாவிகள் மற்றும் Node.js இயங்குவதற்கு JavaScript தேவைப்படுகிறது. எங்கள் TypeScript to JavaScript.ts கருவி உங்கள் கோப்புகளையும் .tsxகோப்புகளையும் செயல்படுத்தக்கூடிய குறியீடாக மாற்றுவதற்கான தடையற்ற வழியை வழங்குகிறது .js. நீங்கள் ஒரு துணுக்கை பிழைத்திருத்தம் செய்தாலும் சரி அல்லது TypeScript எவ்வாறு தொகுக்கிறது என்பதைக் கற்றுக்கொண்டாலும் சரி, எங்கள் கருவி உடனடி முடிவுகளை வழங்குகிறது.
தொகுப்பியின் முக்கிய அம்சங்கள்
நவீன JS ஆதரவு: ES5, ES6 அல்லது சமீபத்திய ESNext இலக்குகளுக்கு இடையே தேர்வு செய்யவும்.
JSX/TSX இணக்கத்தன்மை: ரியாக்ட் டைப்ஸ்கிரிப்ட் கூறுகளை செல்லுபடியாகும் ஜாவாஸ்கிரிப்டாக எளிதாக மாற்றவும்.
குறியீடு சிறிதாக்குதல்: உற்பத்தி சோதனைக்காக சுருக்கப்பட்ட குறியீட்டை வெளியிடுவதற்கான விருப்பம்.
உலாவி-பக்க செயலாக்கம்: உங்கள் உலாவியில் தொகுத்தல் நடக்கும்போது உங்கள் மூலக் குறியீடு தனிப்பட்டதாகவும் பாதுகாப்பாகவும் இருக்கும்.
TS இலிருந்து JS மாற்றியை எவ்வாறு பயன்படுத்துவது
மூலத்தை ஒட்டு: இடது பக்க எடிட்டரில் உங்கள் டைப்ஸ்கிரிப்ட் குறியீட்டை உள்ளிடவும்.
அமைப்புகளை சரிசெய்யவும்: உங்கள் இலக்கு ECMAScript பதிப்பைத்(எ.கா., ES2020) தேர்ந்தெடுத்து அலங்காரங்கள் அல்லது JSX அமைப்புகளை நிலைமாற்றவும்.
உடனடி தொகுத்தல்: டிரான்ஸ்பைல் செய்யப்பட்ட ஜாவாஸ்கிரிப்ட் வெளியீட்டை நிகழ்நேரத்தில் காண்க.
ஏற்றுமதி: குறியீட்டை உங்கள் கிளிப்போர்டுக்கு நகலெடுக்கவும் அல்லது கோப்பாகப் பதிவிறக்கவும்
.js.
ஆன்லைன் டைப்ஸ்கிரிப்ட் கம்பைலரை ஏன் பயன்படுத்த வேண்டும்?
பெரிய திட்டங்களுக்கு, Webpack அல்லது Vite போன்ற உள்ளூர் உருவாக்க கருவிகள் tscதரமானவை என்றாலும், விரைவான முன்மாதிரி மற்றும் சரிசெய்தலுக்கு ஆன்லைன் தொகுப்பி அவசியம்.
1. உடனடி பிழைத்திருத்தம் மற்றும் முன்மாதிரி
ஒரு குறிப்பிட்ட TypeScript அம்சத்தையோ அல்லது சிக்கலான பொதுவான ஒன்றையோ சோதிக்கிறீர்களா? திட்ட அமைப்பைத் தவிர்க்கவும். TypeScript தொகுப்பி உங்கள் லாஜிக்கை எவ்வாறு கையாளுகிறது என்பதைக் காண உங்கள் குறியீட்டை இங்கே ஒட்டவும், குறிப்பாக Type Erasure ஐப் புரிந்துகொள்ள இது பயனுள்ளதாக இருக்கும் .
2. டைப்ஸ்கிரிப்ட் இன்டர்னல்களைக் கற்றல்
நீங்கள் இந்த மொழியில் புதியவராக இருந்தால், TS vs. JS இன் பக்கவாட்டு ஒப்பீட்டைப் பார்ப்பது, இடைமுகங்கள், எனம்கள் மற்றும் பெயர்வெளிகள் எவ்வாறு நிலையான ஜாவாஸ்கிரிப்ட் பொருள்கள் மற்றும் செயல்பாடுகளாக மாற்றப்படுகின்றன என்பதைப் புரிந்துகொள்ள உதவுகிறது.
3. விரைவான ஸ்கிரிப்ட் மாற்றம்
சில நேரங்களில் வெண்ணிலா JS-ஐ மட்டுமே ஆதரிக்கும் சூழலில் இயங்க, டைப்ஸ்கிரிப்ட்டில் எழுதப்பட்ட ஒரு விரைவு பயன்பாட்டு ஸ்கிரிப்ட் உங்களுக்குத் தேவைப்படும். இந்த கருவி உள்ளூர் tsconfig.jsonஅமைப்பின் தேவையை நீக்குகிறது.
அடிக்கடி கேட்கப்படும் கேள்விகள்
எனது வகைகள் மற்றும் இடைமுகங்களுக்கு என்ன நடக்கும்?
ஜாவாஸ்கிரிப்ட்டில் வகை அமைப்பு இல்லை. தொகுக்கும்போது, அனைத்து டைப்ஸ்கிரிப்ட்-குறிப்பிட்ட தொடரியல்(இடைமுகங்கள், வகைகள் மற்றும் குறிப்புகள்) டைப் எரேசர் எனப்படும் செயல்முறை மூலம் அகற்றப்பட்டு, செயல்பாட்டு தர்க்கத்தை மட்டுமே விட்டுச்செல்கிறது.
இது அலங்காரக்காரர்கள் மற்றும் மெட்டாடேட்டாவை ஆதரிக்கிறதா?
ஆம், அமைப்புகள் பலகத்தில் உள்ள சோதனை அலங்கரிப்பாளர்கள் எவ்வாறு மரபு அல்லது நவீன ஜாவாஸ்கிரிப்ட் வடிவங்களில் மாற்றப்படுகிறார்கள் என்பதைக் காண நீங்கள் அவற்றை இயக்கலாம்.
வெளியீடு உற்பத்திக்குத் தயாராக உள்ளதா?
நிச்சயமாக. தொழில்முறை உள்ளூர் மேம்பாட்டு சூழலிலிருந்து நீங்கள் பெறுவதைப் போலவே வெளியீடும் இருப்பதை உறுதிசெய்ய, நாங்கள் அதிகாரப்பூர்வ டைப்ஸ்கிரிப்ட் கம்பைலர்(TSC) எஞ்சினைப் பயன்படுத்துகிறோம்.
சுத்தமான ஜாவாஸ்கிரிப்ட் வெளியீட்டிற்கான தொழில்முறை உதவிக்குறிப்புகள்
இலக்கு தேர்வு: நீங்கள் பழைய உலாவிகளை(IE11 போன்றவை) இலக்காகக் கொண்டிருந்தால், தேவையான பாலிஃபில்ஸ் மற்றும் உருமாற்றங்களைச் சேர்க்க ES5 ஐ உங்கள் இலக்காகத் தேர்ந்தெடுப்பதை உறுதிசெய்யவும்.
பிழைகளைச் சரிபார்க்கவும்: எங்கள் ஆசிரியர் தொடரியல் பிழைகளை நிகழ்நேரத்தில் எடுத்துக்காட்டுகிறார், நீங்கள் தொகுக்கவும் என்பதைத் தட்டுவதற்கு முன்பே உடைந்த டைப்ஸ்கிரிப்டை சரிசெய்ய உதவுகிறது.
கருத்துகளை அகற்று: விரைவான விநியோகத்திற்கு சுத்தமான, சிறிய ஜாவாஸ்கிரிப்ட் கோப்பை நீங்கள் விரும்பினால் "கருத்துகளை துண்டு" விருப்பத்தைப் பயன்படுத்தவும்.