டைப்ஸ்கிரிப்ட் டுடோரியல்: டைப்ஸ்கிரிப்ட்டின் அடிப்படைகளைப் பற்றி தெரிந்து கொள்ளுங்கள்

டைப்ஸ்கிரிப்ட் என்பது ஜாவாஸ்கிரிப்டின் வலுவாக தட்டச்சு செய்யப்பட்ட சூப்பர்செட் ஆகும். இந்த டைப்ஸ்கிரிப்ட் டுடோரியலில், ஆழத்தில் இறங்கி அடிப்படைகளை புரிந்துகொள்வோம்.

டைப்ஸ்கிரிப்ட் என்பது வலுவாக தட்டச்சு செய்யப்பட்ட சூப்பர்செட் ஆகும் இது எளிய ஜாவாஸ்கிரிப்டுடன் தொகுக்கிறது. பயன்பாட்டு அளவிலான ஜாவாஸ்கிரிப்ட் மேம்பாட்டிற்கு இந்த மொழியைப் பயன்படுத்தலாம். மேலும், இது எந்த உலாவி, எந்த ஹோஸ்ட் மற்றும் எந்த இயக்க முறைமையிலும் செயல்படுத்தப்படலாம். இந்த டைப்ஸ்கிரிப்ட் டுடோரியலில், டைப்ஸ்கிரிப்ட்டின் ஆழத்தில் இறங்கி பின்வரும் வரிசையில் உள்ள அடிப்படைகளைப் புரிந்துகொள்வோம்:

டைப்ஸ்கிரிப்ட் அறிமுகம்

டைப்ஸ்கிரிப்ட் என்பது ஜாவாஸ்கிரிப்டின் தட்டச்சு செய்யப்பட்ட சூப்பர்செட் ஆகும், இது எளிய ஜாவாஸ்கிரிப்டுடன் தொகுக்கிறது. டைப்ஸ்கிரிப்ட் என்பது வகுப்புகள், இடைமுகங்கள் மற்றும் நிலையான தட்டச்சு செய்யப்பட்ட நிரலாக்க மொழிகளுடன் தூய பொருள் சார்ந்ததாகும் சி # அல்லது . ஜாவாஸ்கிரிப்ட் கோப்பில் தொகுத்து உருவாக்க ஒரு கம்பைலர் தேவை. அடிப்படையில், டைப்ஸ்கிரிப்ட் என்பது சில கூடுதல் அம்சங்களுடன் ஜாவாஸ்கிரிப்ட்டின் ES6 பதிப்பாகும்.



ஒரு கோப்பில் ஒரு டைப்ஸ்கிரிப்ட் குறியீடு எழுதப்பட்டுள்ளது .ts நீட்டிப்பு பின்னர் கம்பைலரைப் பயன்படுத்தி ஜாவாஸ்கிரிப்ட்டில் தொகுக்கப்பட்டது. நீங்கள் எந்த குறியீடு எடிட்டரிலும் கோப்பை எழுதலாம் மற்றும் உங்கள் மேடையில் கம்பைலர் நிறுவப்பட வேண்டும். நிறுவிய பின், கட்டளை tsc .ts டைப்ஸ்கிரிப்ட் குறியீட்டை வெற்று ஜாவாஸ்கிரிப்ட் கோப்பில் தொகுக்கிறது.

தொடரியல்:

var செய்தி: string = 'எடுரேகாவுக்கு வருக!' console.log (செய்தி)

தொகுக்கும்போது, ​​இது பின்வரும் ஜாவாஸ்கிரிப்ட் குறியீட்டை உருவாக்குகிறது:

// டைப்ஸ்கிரிப்ட் மூலம் உருவாக்கப்பட்டது 1.8.10 var செய்தி = 'எடுரேகாவுக்கு வருக!' console.log (செய்தி)

டைப்ஸ்கிரிப்ட்டின் அம்சங்கள்

அம்சங்கள் - டைப்ஸ்கிரிப்ட் டுடோரியல் - எடுரேகா

  • குறுக்கு தளம்: டைப்ஸ்கிரிப்ட் கம்பைலர் விண்டோஸ், மேகோஸ் மற்றும் லினக்ஸ் போன்ற எந்த இயக்க முறைமையிலும் நிறுவப்படலாம்.

  • பொருள் சார்ந்த மொழி : டைப்ஸ்கிரிப்ட் போன்ற அம்சங்களை வழங்குகிறது வகுப்புகள் , இடைமுகங்கள் மற்றும் தொகுதிகள். எனவே, இது கிளையன்ட் பக்கத்திற்கும் சர்வர் பக்க மேம்பாட்டிற்கும் பொருள் சார்ந்த குறியீட்டை எழுத முடியும்.

  • நிலையான வகை சோதனை : டைப்ஸ்கிரிப்ட் நிலையான தட்டச்சு பயன்படுத்துகிறது மற்றும் தொகுக்கும் நேரத்தில் வகை சரிபார்ப்புக்கு உதவுகிறது. இதனால், ஸ்கிரிப்டை இயக்காமல் குறியீட்டை எழுதும்போது பிழைகளைக் காணலாம்.

  • விருப்ப நிலையான தட்டச்சு : நீங்கள் ஜாவாஸ்கிரிப்ட்டின் டைனமிக் டைப்பிங்கைப் பயன்படுத்துகிறீர்கள் எனில், டைப்ஸ்கிரிப்ட் விருப்ப நிலையான தட்டச்சு செய்ய அனுமதிக்கிறது.

  • DOM கையாளுதல் : உறுப்புகளைச் சேர்க்க அல்லது அகற்ற DOM ஐக் கையாள நீங்கள் டைப்ஸ்கிரிப்டைப் பயன்படுத்தலாம்.

  • ES 6 அம்சங்கள் : வகை, இடைமுகம், அம்பு செயல்பாடுகள் போன்ற திட்டமிடப்பட்ட ECMAScript 2015 (ES 6, 7) இன் பெரும்பாலான அம்சங்களை டைப்ஸ்கிரிப்ட் கொண்டுள்ளது.

டைப்ஸ்கிரிப்டைப் பயன்படுத்துவதன் நன்மைகள்

  • டைப்ஸ்கிரிப்ட் வேகமான, எளிமையான, கற்றுக்கொள்ள எளிதானது மற்றும் எந்த உலாவி அல்லது ஜாவாஸ்கிரிப்ட் இயந்திரத்திலும் இயங்குகிறது.

  • இது ஒத்த க்கு ஜாவாஸ்கிரிப்ட் மற்றும் அதே தொடரியல் மற்றும் சொற்பொருளைப் பயன்படுத்துகிறது.

  • இது பின்தளத்தில் டெவலப்பர்கள் முன் இறுதியில் எழுத உதவுகிறது குறியீடு வேகமாக .

  • டைப்ஸ்கிரிப்ட் குறியீட்டை ஒரு இருந்து அழைக்கலாம் இருக்கும் ஜாவாஸ்கிரிப்ட் குறியீடு . மேலும், இது தற்போதுள்ள ஜாவாஸ்கிரிப்ட் கட்டமைப்புகள் மற்றும் நூலகங்களுடன் எந்த சிக்கலும் இல்லாமல் செயல்படுகிறது.

  • .D.ts நீட்டிப்புடன் வரையறை கோப்பு, இருக்கும் ஜாவாஸ்கிரிப்ட் நூலகங்களுக்கு ஆதரவை வழங்குகிறது Jquery, D3.js , முதலியன எனவே, டைப்ஸ்கிரிப்ட் குறியீடு சேர்க்கலாம் ஜாவாஸ்கிரிப்ட் நூலகங்கள் தற்போதுள்ள மாறும்-தட்டச்சு செய்யப்பட்ட ஜாவாஸ்கிரிப்ட் நூலகங்களில் வகை சரிபார்ப்பு, குறியீடு தானியங்குநிரப்புதல் மற்றும் ஆவணப்படுத்தல் ஆகியவற்றின் நன்மைகளைப் பெற வகை வரையறைகளைப் பயன்படுத்துதல்.

  • இது அம்சங்களை உள்ளடக்கியது ES6 மற்றும் ES7 இது போன்ற ES5- நிலை ஜாவாஸ்கிரிப்ட் என்ஜின்களில் இயங்க முடியும் Node.js .

டைப்ஸ்கிரிப்ட் என்றால் என்ன என்பதை இப்போது நீங்கள் புரிந்துகொண்டுள்ளீர்கள், இந்த டைப்ஸ்கிரிப்ட் டுடோரியலுடன் செல்லலாம் மற்றும் வெவ்வேறு வகைகளைப் பார்ப்போம்.

டைப்ஸ்கிரிப்ட் வகைகள்

வகை அமைப்பு மொழியால் ஆதரிக்கப்படும் பல்வேறு வகையான மதிப்புகளைக் குறிக்கிறது. இது சரிபார்க்கிறது செல்லுபடியாகும் வழங்கப்பட்ட மதிப்புகள் அவை நிரலால் சேமிக்கப்படுவதற்கோ அல்லது கையாளப்படுவதற்கோ முன்.

இதை இரண்டு வகைகளாக வகைப்படுத்தலாம்:

  • உள்ளமைக்கப்பட்ட : இதில் எண், சரம், பூலியன், வெற்றிடமானது, பூஜ்யம் மற்றும் வரையறுக்கப்படவில்லை.
  • பயனர் வரையறுத்த : இதில் கணக்கீடுகள் (enums), வகுப்புகள், இடைமுகங்கள், வரிசைகள் மற்றும் tuple ஆகியவை அடங்கும்.

இப்போது இந்த டைப்ஸ்கிரிப்ட் டுடோரியலுடன் செல்லலாம் மற்றும் மாறிகள் பற்றி மேலும் புரிந்துகொள்வோம்.

டைப்ஸ்கிரிப்ட் டுடோரியல்: மாறிகள்

ஒரு மாறி என்பது நினைவகத்தில் பெயரிடப்பட்ட இடமாகும், இது மதிப்புகளை சேமிக்க பயன்படுகிறது.

டைப்ஸ்கிரிப்டில் ஒரு மாறி அறிவிப்பதற்கான வகை தொடரியல் ஒரு மாறி (:) மாறி பெயருக்குப் பிறகு, அதன் வகையைத் தொடர்ந்து அடங்கும். ஜாவாஸ்கிரிப்ட் போலவே, நாங்கள் பயன்படுத்துகிறோம் var முக்கிய சொல் ஒரு மாறி அறிவிக்க.

நாம் ஒரு மாறியை அறிவிக்கும்போது நான்கு விருப்பங்கள் உள்ளன:

var [அடையாளங்காட்டி]: [type-annotation] = மதிப்பு
var [அடையாளங்காட்டி]: [வகை-சிறுகுறிப்பு]
var [அடையாளங்காட்டி] = மதிப்பு
var [அடையாளம்]

உதாரணமாக:

var பெயர்: string = 'Daisy' var empid: number = 1001 console.log ('name' + name) console.log ('பணியாளர் ஐடி' + empid)

தொகுக்கும்போது, ​​இது பின்வரும் ஜாவாஸ்கிரிப்ட் குறியீட்டை உருவாக்கும்:

// டைப்ஸ்கிரிப்ட் 1.8.10 var name = 'Daisy' var empid = 1001 console.log ('name' + name) console.log ('பணியாளர் ஐடி:' + empid)

வெளியீடு:

பெயர்: டெய்ஸி
பணியாளர் ஐடி: 1001

இப்போது எங்கள் டைப்ஸ்கிரிப்ட் டுடோரியலின் அடுத்த தலைப்புக்கு செல்லலாம்.

ஆபரேட்டர்கள்

தரவில் செய்யப்படும் செயல்பாடுகளை வரையறுக்க ஒரு ஆபரேட்டர் பயன்படுத்தப்படுகிறது. ஆபரேட்டர்கள் பணிபுரியும் தரவு ஓபராண்டுகள் என்று அழைக்கப்படுகிறது. வெவ்வேறு வகைகள் உள்ளன ஆபரேட்டர்கள் போன்ற டைப்ஸ்கிரிப்டில்:

  • எண்கணித ஆபரேட்டர்கள்
  • தருக்க ஆபரேட்டர்கள்
  • தொடர்புடைய ஆபரேட்டர்கள்
  • பிட்வைஸ் ஆபரேட்டர்கள்
  • அசைன்மென்ட் ஆபரேட்டர்கள்

எண்கணித ஆபரேட்டர்கள்

ஆபரேட்டர்கள் விளக்கம்

கூட்டல் (+)

செயல்பாடுகளின் தொகையை வழங்குகிறது

கழித்தல் (-)

மதிப்புகளின் வேறுபாட்டை வழங்குகிறது

பெருக்கல் (*)

மதிப்புகளின் தயாரிப்பை வழங்குகிறது

பிரிவு (/)

பிரிவு செயல்பாட்டைச் செய்து, மேற்கோளைத் தருகிறது

மாடுலஸ் (%)

பிரிவு செயல்பாட்டை செய்கிறது மற்றும் மீதமுள்ளதை வழங்குகிறது

அதிகரிப்பு (++)

மாறியின் மதிப்பை ஒவ்வொன்றாக அதிகரிக்கிறது

குறைவு (-)

மாறியின் மதிப்பை ஒவ்வொன்றாகக் குறைக்கிறது

உதாரணமாக:

var num1: number = 10 var num2: number = 2 var res: number = 0 res = num1 + num2 console.log ('தொகை:' + ரெஸ்) res = num1 - num2 console.log ('வேறுபாடு:' + ரெஸ்) res = num1 * num2 console.log ('தயாரிப்பு:' + ரெஸ்)

வெளியீடு:

தொகை: 12
வேறுபாடு: 8
தயாரிப்பு: 20

தருக்க ஆபரேட்டர்கள்

ஆபரேட்டர்கள் விளக்கம்

மற்றும் (&&)

குறிப்பிடப்பட்ட அனைத்து வெளிப்பாடுகளும் உண்மையாகத் திரும்பினால் மட்டுமே அது உண்மை

அல்லது (||)

குறிப்பிடப்பட்ட வெளிப்பாடுகளில் ஏதேனும் ஒன்று உண்மையாகத் திரும்பினால் இது உண்மை

இல்லை (!)

இது வெளிப்பாட்டின் முடிவின் தலைகீழ் தருகிறது.

உதாரணமாக:

var சராசரி: எண் = 20 var சதவீதம்: எண் = 90 console.log ('சராசரி மதிப்பு:' + சராசரி + ', சதவீதத்தின் மதிப்பு:' + சதவீதம்) var res: பூலியன் = ((சராசரி> 50) && (சதவீதம்> 80 )) console.log ('(சராசரி> 50) && (சதவீதம்> 80):', ரெஸ்)

வெளியீடு:

சராசரி மதிப்பு: 20, சதவீதத்தின் மதிப்பு: 90
(சராசரி> 50) && (சதவீதம்> 80): பொய்

தொடர்புடைய ஆபரேட்டர்கள்

ஆபரேட்டர்கள் விளக்கம்

>

விட பெரியது

<

விட குறைவாக

> =

விட பெரியது அல்லது சமம்

<=

குறைவாக அல்லது சமமாக

==

சமத்துவம்

! =

சமமாக இல்லை

உதாரணமாக:

var num1: number = 10 var num2: number = 7 console.log ('num1 இன் மதிப்பு:' + num1) console.log ('num2 இன் மதிப்பு:' + num2) var res = num1> num2 console.log ('num1 num2 ஐ விட அதிகமாக: '+ res) res = num1

வெளியீடு:

எண் 1: 10 இன் மதிப்பு
எண் 2: 7 இன் மதிப்பு
num2 ஐ விட பெரியது: உண்மை
num1 ஐ விட எண் 2: தவறானது

பிட்வைஸ் ஆபரேட்டர்கள்

ஆபரேட்டர்கள் விளக்கம்

பிட்வைஸ் மற்றும் (&)

அதன் முழு எண் வாதங்களின் ஒவ்வொரு பிட்டிலும் பூலியன் மற்றும் செயல்பாட்டை செய்கிறது.

பிட்வைஸ் அல்லது (|)

இது அதன் முழு எண் வாதங்களின் ஒவ்வொரு பிட்டிலும் பூலியன் அல்லது செயல்பாட்டை செய்கிறது.

பிட்வைஸ் XOR (^)

இது அதன் முழு எண் வாதங்களின் ஒவ்வொரு பிட்டிலும் பூலியன் பிரத்தியேக OR செயல்பாட்டை செய்கிறது.

பிட்வைஸ் இல்லை (~)

இது ஒரு ஒற்றுமையற்ற ஆபரேட்டர் மற்றும் ஓபராண்டில் உள்ள அனைத்து பிட்களையும் மாற்றியமைப்பதன் மூலம் செயல்படுகிறது.

இடது மாற்றம் (<<)

இரண்டாவது இயக்கத்தில் குறிப்பிடப்பட்டுள்ள இடங்களின் எண்ணிக்கையால் அதன் முதல் இயக்கத்தில் உள்ள அனைத்து பிட்களையும் இடதுபுறமாக நகர்த்துகிறது.

வலது ஷிப்ட் (>>)

இடது இயக்கத்தின் மதிப்பு வலது இயக்கத்தால் குறிப்பிடப்பட்ட பிட்களின் எண்ணிக்கையால் வலதுபுறமாக நகர்த்தப்படுகிறது.

பூஜ்ஜியத்துடன் வலது மாற்றம் (>>>)

இது >> ஆபரேட்டருக்கு ஒத்ததாக இருக்கிறது, தவிர இடதுபுறத்தில் மாற்றப்பட்ட பிட்கள் எப்போதும் பூஜ்ஜியமாக இருக்கும்.

உதாரணமாக:

var a: number = 2 // பிட் விளக்கக்காட்சி 10 var b: number = 3 // பிட் விளக்கக்காட்சி 11 var முடிவு முடிவு = (a & b) console.log ('(a & b) =>', முடிவு) result = ( a | b) console.log ('(a | b) =>', முடிவு)

வெளியீடு:

(a & b) => 2
(a | b) => 3

அசைன்மென்ட் ஆபரேட்டர்கள்

ஆபரேட்டர்கள் விளக்கம்

எளிய பணி (=)

வலது பக்க இயக்கத்திலிருந்து இடது பக்க இயக்கத்திற்கு மதிப்புகளை ஒதுக்குகிறது

ஜாவாவில் மதிப்பைக் கடந்து செல்வது எப்படி

சேர் மற்றும் பணி (+ =)

இது இடது இயக்கத்தில் வலது இயக்கத்தைச் சேர்த்து, முடிவை இடது இயக்கத்திற்கு ஒதுக்குகிறது.

கழித்தல் மற்றும் பணி (- =)

இது இடது இயக்கத்திலிருந்து வலது இயக்கத்தை கழித்து, முடிவை இடது இயக்கத்திற்கு ஒதுக்குகிறது.

பெருக்கல் மற்றும் பணி (* =)

இது வலது இயக்கத்தை இடது இயக்கத்துடன் பெருக்கி, முடிவை இடது இயக்கத்திற்கு ஒதுக்குகிறது.

வகுத்தல் மற்றும் ஒதுக்குதல் (/ =)

இது இடது இயக்கத்தை வலது இயக்கத்துடன் பிரித்து முடிவை இடது இயக்கத்திற்கு ஒதுக்குகிறது.

உதாரணமாக:

var a: number = 12 var b: number = 10 a = b console.log ('a = b:' + a) a + = b console.log ('a + = b:' + a) a - = b console .log ('a- = b:' + a)

வெளியீடு:

a = b: 10
a + = b: 20
a - = b: 10

இவர்கள் வெவ்வேறு ஆபரேட்டர்கள். இப்போது எங்கள் டைப்ஸ்கிரிப்ட் டுடோரியலுடன் செல்லலாம் மற்றும் சுழல்களைப் பற்றி அறியலாம்.

சுழல்கள்

குறியீட்டின் தொகுதி பல முறை செயல்படுத்தப்பட வேண்டிய சூழ்நிலைகள் இருக்கலாம். அ வளைய அறிக்கை ஒரு அறிக்கையை அல்லது அறிக்கைகளின் குழுவை பல முறை இயக்க அனுமதிக்கிறது.

டைப்ஸ்கிரிப்ட் சுழல்களை இவ்வாறு வகைப்படுத்தலாம்:

லூப்பிற்கு

தி வளையத்திற்கு ஒரு திட்டவட்டமான சுழற்சியின் செயல்பாடாகும்.

தொடரியல்:

(முதல் வெளிப்பாடு இரண்டாவது வெளிப்பாடு மூன்றாவது வெளிப்பாடு) {// அறிக்கைகள் மீண்டும் மீண்டும் செயல்படுத்தப்பட வேண்டும்}

இங்கே, லூப் துவங்குவதற்கு முன் முதல் வெளிப்பாடு செயல்படுத்தப்படுகிறது. இரண்டாவது வெளிப்பாடு லூப் இயக்க வேண்டிய நிலை. ஒவ்வொரு குறியீடு தொகுதியையும் செயல்படுத்திய பின்னர் மூன்றாவது வெளிப்பாடு செயல்படுத்தப்படுகிறது.

உதாரணமாக:

for (நான் = 0 i ஆகட்டும்<2 i++) { console.log ('Execute block statement' + i) }

வெளியீடு:

தொகுதி அறிக்கை 0 ஐ இயக்கவும்
தொகுதி அறிக்கை 1 ஐ இயக்கவும்

லூப் போது

ஒவ்வொரு முறையும் குறிப்பிடப்பட்ட நிபந்தனை உண்மை என மதிப்பிடும்போது அறிவுறுத்தல்களை இயக்குகிறது.

தொடரியல்:

(நிபந்தனை வெளிப்பாடு) {// குறியீடு தொகுதி செயல்படுத்தப்பட வேண்டும்}

உதாரணமாக:

நான்: எண் = 1 ஆக இருக்கட்டும் (i<3) { console.log( 'Block statement execution no.' + i ) i++ }

வெளியீடு:

தடுப்பு அறிக்கை செயல்படுத்தல் எண் 1
தடுப்பு அறிக்கை செயல்படுத்தல் எண் .2

செய்..இப்போது சுழற்சி

டூ & ஹெலிபெயில் லூப் டைம் லூப்பிற்கு ஒத்ததாக இருக்கிறது, தவிர அது முதல் முறையாக லூப் இயக்கும் நிலையை மதிப்பீடு செய்யாது.

தொடரியல்:

(நிபந்தனை வெளிப்பாடு) போது} // குறியீடு தடுப்பு செயல்படுத்தப்பட வேண்டும்}

உதாரணமாக:

நான்: எண் = 1 செய்யட்டும் {console.log ('தடுப்பு அறிக்கை செயல்படுத்தல் எண்.' + i) i ++} போது (i<3)

வெளியீடு:

தடுப்பு அறிக்கை செயல்படுத்தல் எண் 1
தடுப்பு அறிக்கை செயல்படுத்தல் எண் .2

இவை தவிர, டைப்ஸ்கிரிப்டில் இடைவெளி மற்றும் தொடர் அறிக்கைகள் ஒரு சுழற்சியில் பயன்படுத்தப்படுகின்றன.

பிரேக் அறிக்கை

ஒரு கட்டமைப்பிலிருந்து கட்டுப்பாட்டை எடுக்க இடைவெளி அறிக்கை பயன்படுத்தப்படுகிறது. ஒரு சுழற்சியில் இடைவெளி அறிக்கையைப் பயன்படுத்துவது, வளையத்திலிருந்து வெளியேற நிரலுக்கு உதவுகிறது.

உதாரணமாக:

var i: எண் = 1 போது (i<=10) { if (i % 5 == 0) { console.log ('The first multiple of 5 between 1 and 10 is : '+i) break //exit the loop if the first multiple is found } i++ } //outputs 5 and exits the loop

வெளியீடு:

1 முதல் 10 வரை 5 இன் முதல் பெருக்கம்: 5

அறிக்கையைத் தொடரவும்

தொடர்ச்சியான அறிக்கை தற்போதைய மறு செய்கையில் அடுத்தடுத்த அறிக்கைகளைத் தவிர்த்து, கட்டுப்பாட்டை மீண்டும் வளையத்தின் தொடக்கத்திற்கு எடுத்துச் செல்கிறது.

உதாரணமாக:

var எண்: எண் = 0 var எண்ணிக்கை: எண் = 0 க்கு (எண் = 0 எண்)<=10num++) { if (num % 2==0) { continue } count++ } console.log (' The count of odd values between 0 and 10 is: '+count)

வெளியீடு:

0 மற்றும் 10 க்கு இடையிலான ஒற்றைப்படை மதிப்புகளின் எண்ணிக்கை: 5

டைப்ஸ்கிரிப்டில் இவை வெவ்வேறு சுழல்கள். இப்போது, ​​எங்கள் டைப்ஸ்கிரிப்ட் டுடோரியலுடன் முன்னேறி செயல்பாடுகளைப் புரிந்துகொள்வோம்.

செயல்பாடுகள்

ஜாவாஸ்கிரிப்டில், செயல்பாடுகள் இது ஒரு செயல்பாட்டு நிரலாக்க மொழியாக இருப்பதால் மிக முக்கியமான பகுதியாகும். செயல்பாடுகள் நிரல் பராமரிக்கக்கூடியது மற்றும் மீண்டும் பயன்படுத்தக்கூடியவை என்பதை உறுதிப்படுத்துகின்றன, மேலும் படிக்கக்கூடிய தொகுதிகளாக ஒழுங்கமைக்கப்படுகின்றன. டைப்ஸ்கிரிப்ட் வகுப்புகள் மற்றும் தொகுதிகள் என்ற கருத்தை வழங்கும் அதே வேளையில், செயல்பாடுகள் இன்னும் மொழியின் ஒருங்கிணைந்த பகுதியாகும்.

பெயரிடப்பட்ட செயல்பாடுகள்

பெயரிடப்பட்ட செயல்பாடு ஒரு செயல்பாட்டை அதன் பெயரால் அறிவிக்கவும் அழைக்கவும் பயன்படுகிறது.

உதாரணமாக:

செயல்பாடு காட்சி () {console.log ('டைப்ஸ்கிரிப்ட் செயல்பாடு')} காட்சி ()

வெளியீடு:

டைப்ஸ்கிரிப்ட் செயல்பாடு

அநாமதேய செயல்பாடு

அநாமதேய செயல்பாடு என்பது ஒரு வெளிப்பாடாக வரையறுக்கப்படுகிறது. இந்த வெளிப்பாடு ஒரு மாறியில் சேமிக்கப்படுகிறது. இந்த செயல்பாடுகள் செயல்பாடு சேமிக்கப்பட்டுள்ள மாறி பெயரைப் பயன்படுத்தி செயல்படுத்தப்படுகின்றன.

உதாரணமாக:

வாழ்த்து = செயல்பாடு () {console.log ('டைப்ஸ்கிரிப்ட் செயல்பாடு')} வாழ்த்து ()

வெளியீடு:

டைப்ஸ்கிரிப்ட் செயல்பாடு

அம்பு செயல்பாடு

கொழுப்பு அம்பு குறிப்புகள் அநாமதேய செயல்பாடுகளுக்கு பயன்படுத்தப்படுகின்றன, அதாவது செயல்பாட்டு வெளிப்பாடுகளுக்கு. அவை பிற மொழிகளில் லாம்ப்டா செயல்பாடுகள் என்றும் அழைக்கப்படுகின்றன.

தொடரியல்:

(param1, param2, ..., paramN) => வெளிப்பாடு

கொழுப்பு அம்புக்குறியைப் பயன்படுத்துதல் (=>) ‘செயல்பாடு’ திறவுச்சொல்லைப் பயன்படுத்த வேண்டிய அவசியத்தைக் குறைக்கிறது. அளவுருக்கள் கோண அடைப்புக்குறிக்குள் அனுப்பப்படுகின்றன, மேலும் செயல்பாட்டு வெளிப்பாடு சுருள் அடைப்புக்குறிக்குள் இணைக்கப்பட்டுள்ளது {}.

உதாரணமாக:

sum = (x: number, y: number): number => {return x + y} sum (10, 30) // வருமானம் 40

செயல்பாடு ஓவர்லோடிங்

டைப்ஸ்கிரிப்ட் செயல்பாடு ஓவர்லோடிங் என்ற கருத்தை வழங்குகிறது. எனவே, நீங்கள் ஒரே பெயரில் பல செயல்பாடுகளை வைத்திருக்க முடியும், ஆனால் வெவ்வேறு அளவுரு வகைகள் மற்றும் திரும்ப வகை.

உதாரணமாக:

செயல்பாடு சேர் (a: string, b: string): சரம் செயல்பாடு சேர் (a: number, b: number): number return a + b} add ('Hello', 'Edureka') // 'ஹலோ எடுரேகா' சேர் ( 10, 10) // வருமானம் 20

மேலே உள்ள எடுத்துக்காட்டில், இரண்டு செயல்பாட்டு அறிவிப்புகள் மற்றும் ஒரு செயல்பாட்டு செயலாக்கத்துடன் ஒரே செயல்பாடு சேர்க்கை () உள்ளது. முதல் கையொப்பத்தில் வகை சரத்தின் இரண்டு அளவுருக்கள் உள்ளன, இரண்டாவது கையொப்பத்தில் வகை எண்ணின் இரண்டு அளவுருக்கள் உள்ளன.

இவை பல்வேறு வகையான செயல்பாடுகள். இப்போது, ​​எங்கள் டைப்ஸ்கிரிப்ட் டுடோரியலுடன் செல்லலாம் மற்றும் டைப்ஸ்கிரிப்டில் உள்ள சரங்களை புரிந்து கொள்வோம்.

டைப்ஸ்கிரிப்ட் பயிற்சி: சரங்கள்

தி உரை தரவை சேமிக்க பயன்படும் மற்றொரு பழமையான தரவு வகை. சரம் மதிப்புகள் ஒற்றை மேற்கோள் குறிகள் அல்லது இரட்டை மேற்கோள் மதிப்பெண்களால் சூழப்பட்டுள்ளன.

தொடரியல்:

var var_name = புதிய சரம் (சரம்)

சரம் பொருளில் கிடைக்கக்கூடிய முறைகளின் வெவ்வேறு பண்புகள் உள்ளன:

  • பில்டர் - இது பொருளை உருவாக்கிய சரம் செயல்பாட்டிற்கு ஒரு குறிப்பை வழங்குகிறது
  • நீளம் - இது சரத்தின் நீளத்தை வழங்குகிறது
  • முன்மாதிரி - இந்த சொத்து ஒரு பொருளுக்கு பண்புகள் மற்றும் முறைகளைச் சேர்க்க உங்களை அனுமதிக்கிறது

உதாரணமாக:

பெயர் = புதிய சரம் ('எடுரேகாவுக்கு வருக!') console.log ('செய்தி:' + பெயர்) console.log ('நீளம்:' + name.length)

வெளியீடு:

செய்தி: எடுரேகாவுக்கு வருக!
நீளம்: 19

சரம் முறைகள்

சரம் பொருளில் உள்ள முறைகளின் பட்டியல் பின்வருமாறு:

முறை விளக்கம்

charAt ()

இது குறிப்பிட்ட குறியீட்டில் எழுத்தை வழங்குகிறது

charCodeAt ()

aws மற்றும் azure இடையே வேறுபாடு

கொடுக்கப்பட்ட குறியீட்டில் எழுத்தின் யூனிகோட் மதிப்பைக் குறிக்கும் எண்ணை இது வழங்குகிறது

concat ()

இரண்டு சரங்களின் உரையை இணைத்து புதிய சரம் தருகிறது

indexOf ()

குறிப்பிட்ட மதிப்பின் முதல் நிகழ்வின் அழைப்பு சரம் பொருளுக்குள் குறியீட்டை வழங்குகிறது

lastIndexOf ()

இது குறிப்பிட்ட மதிப்பின் கடைசி நிகழ்வின் அழைப்பு சரம் பொருளுக்குள் குறியீட்டை வழங்குகிறது

பொருத்துக()

ஒரு சரத்திற்கு எதிராக வழக்கமான வெளிப்பாட்டை பொருத்த பயன்படுகிறது

localeCompare ()

ஒரு குறிப்பு சரம் முன் அல்லது பின் வருகிறதா அல்லது வரிசை வரிசையில் கொடுக்கப்பட்ட சரத்திற்கு சமமானதா என்பதைக் குறிக்கும் எண்ணை வழங்குகிறது

தேடல் ()

இது வழக்கமான வெளிப்பாடு மற்றும் ஒரு குறிப்பிட்ட சரத்திற்கு இடையிலான பொருத்தத்திற்கான தேடலை செயல்படுத்துகிறது

பதிலாக ()

ஒரு வழக்கமான வெளிப்பாடு மற்றும் ஒரு சரத்திற்கு இடையில் ஒரு பொருத்தத்தைக் கண்டறியவும், பொருந்திய அடி மூலக்கூறை புதிய மூலக்கூறுடன் மாற்றவும் பயன்படுகிறது

துண்டு ()

இது ஒரு சரத்தின் ஒரு பகுதியை பிரித்தெடுத்து புதிய சரம் தருகிறது

பிளவு ()

ஒரு சரம் பொருளை சரங்களின் வரிசையாக பிரிக்கிறது

substr ()

குறிப்பிட்ட எண்ணிக்கையிலான எழுத்துகளின் மூலம் குறிப்பிட்ட இடத்தில் தொடங்கி ஒரு சரத்தில் எழுத்துக்களை வழங்குகிறது

substring ()

இது இரண்டு குறியீடுகளுக்கு இடையில் ஒரு சரத்தில் உள்ள எழுத்துக்களை சரத்திற்குள் தருகிறது

toLocaleLowerCase ()

தற்போதைய இருப்பிடத்தை மதிக்கும்போது ஒரு சரத்திற்குள் உள்ள எழுத்துக்கள் சிறிய எழுத்துக்களாக மாற்றப்படுகின்றன

toLocaleUpperCase ()

தற்போதைய இருப்பிடத்தை மதிக்கும்போது ஒரு சரத்திற்குள் உள்ள எழுத்துக்கள் மேல் வழக்குக்கு மாற்றப்படுகின்றன

toLowerCase ()

இது சிறிய எழுத்துக்கு மாற்றப்பட்ட அழைப்பு சரம் மதிப்பை வழங்குகிறது

toUpperCase ()

இது பெரிய சரமாக மாற்றப்பட்ட அழைப்பு சரம் மதிப்பை வழங்குகிறது

toString ()

குறிப்பிட்ட பொருளைக் குறிக்கும் ஒரு சரத்தை வழங்குகிறது

valueOf ()

குறிப்பிட்ட பொருளின் பழமையான மதிப்பை வழங்குகிறது

உதாரணமாக:

str: string = 'Edureka க்கு வருக' str.charAt (0) // வருமானம் 'w' str.charAt (2) // வருமானம் 'l' 'Edureka க்கு வரவேற்கிறோம்.சார் (2)' l 'ஐ str1 : சர = ') // வருமானம்' வரவேற்கிறது '

இப்போது நீங்கள் சரங்களைப் பற்றி அறிந்திருக்கிறீர்கள், இந்த டைப்ஸ்கிரிப்ட் டுடோரியலுடன் சென்று வரிசைகளைப் புரிந்துகொள்வோம்.

டைப்ஸ்கிரிப்டில் வரிசைகள்

ஒரு வரிசை ஒரு சிறப்பு வகை தரவு வகையாகும், இது ஒரு சிறப்பு தொடரியல் பயன்படுத்தி தொடர்ச்சியாக வெவ்வேறு தரவு வகைகளின் பல மதிப்புகளை சேமிக்கிறது. வரிசை கூறுகள் தனிமத்தின் சந்தா அல்லது குறியீட்டு எனப்படும் தனித்துவமான முழு எண்ணால் அடையாளம் காணப்படுகின்றன.

தொடரியல்:

var array_name [: datatype] // அறிவிப்பு வரிசை_பெயர் = [val1, val2, valn ..] // துவக்கம்

உதாரணமாக:

பெயர்களை விடுங்கள்: வரிசை பெயர்கள் = ['ஜான்', 'டெய்ஸி', 'ரேச்சல்'] ஐடிகளை விடுங்கள்: வரிசை ஐடிகள் = [101, 700, 321]

வரிசை முறைகள்

வெவ்வேறு நோக்கங்களுக்காகப் பயன்படுத்தக்கூடிய வெவ்வேறு வரிசை முறைகளின் பட்டியல் இங்கே:

முறை விளக்கம்

வடிகட்டி()

இந்த வரிசையின் அனைத்து கூறுகளையும் கொண்டு புதிய வரிசையை உருவாக்குகிறது, அதற்காக வழங்கப்பட்ட வடிகட்டுதல் செயல்பாடு உண்மை

ஒவ்வொரு ()

இந்த வரிசையில் உள்ள ஒவ்வொரு உறுப்பு வழங்கப்பட்ட சோதனை செயல்பாட்டை திருப்திப்படுத்தினால் உண்மை

concat ()

பிற வரிசைகளுடன் இணைந்த இந்த வரிசையை உள்ளடக்கிய புதிய வரிசையை வழங்குகிறது

indexOf ()

குறிப்பிட்ட மதிப்புக்கு சமமான வரிசையில் உள்ள ஒரு தனிமத்தின் முதல் அல்லது குறைவான குறியீட்டை வழங்குகிறது

ஒவ்வொரு()

வரிசையில் உள்ள ஒவ்வொரு உறுப்புக்கும் ஒரு செயல்பாட்டை அழைக்கிறது

join ()

ஒரு வரிசையின் அனைத்து கூறுகளையும் ஒரு சரமாக இணைக்கிறது

lastIndexOf ()

குறிப்பிட்ட மதிப்புக்கு சமமான வரிசையில் உள்ள ஒரு தனிமத்தின் கடைசி அல்லது மிகப் பெரிய குறியீட்டை வழங்குகிறது

வரைபடம் ()

இந்த வரிசையில் உள்ள ஒவ்வொரு உறுப்புக்கும் வழங்கப்பட்ட செயல்பாட்டை அழைப்பதன் முடிவுகளுடன் புதிய வரிசையை உருவாக்குகிறது

மிகுதி ()

ஒரு வரிசையின் முடிவில் ஒன்று அல்லது அதற்கு மேற்பட்ட கூறுகளைச் சேர்த்து, வரிசையின் புதிய நீளத்தை வழங்குகிறது

c ++ வகை மாற்றம்

பாப் ()

ஒரு வரிசையிலிருந்து கடைசி உறுப்பை அகற்றி, அந்த உறுப்பை வழங்குகிறது

குறைக்க ()

ஒரு செயல்பாட்டை இடமிருந்து வலமாக இரண்டு மதிப்புகளுக்கு எதிராக ஒரே நேரத்தில் ஒரு மதிப்பாகக் குறைக்கவும்

குறைக்க ரைட் ()

வரிசையின் இரண்டு மதிப்புகளுக்கு எதிராக ஒரே நேரத்தில் ஒரு செயல்பாட்டைப் பயன்படுத்துங்கள்

தலைகீழ் ()

ஒரு வரிசையின் உறுப்புகளின் வரிசையை மாற்றியமைக்கிறது

shift ()

ஒரு வரிசையிலிருந்து முதல் உறுப்பை அகற்றி, அந்த உறுப்பை வழங்குகிறது

துண்டு ()

ஒரு வரிசையின் ஒரு பகுதியை பிரித்தெடுத்து புதிய வரிசையை வழங்குகிறது

சில ()

இந்த வரிசையில் குறைந்தது ஒரு உறுப்பு வழங்கப்பட்ட சோதனை செயல்பாட்டை திருப்திப்படுத்தினால் அது உண்மைக்குத் திரும்பும்

வகைபடுத்து()

இது ஒரு வரிசையின் கூறுகளை வரிசைப்படுத்துகிறது

toString ()

வரிசை மற்றும் அதன் கூறுகளைக் குறிக்கும் ஒரு சரத்தை வழங்குகிறது

splice ()

இது ஒரு வரிசையில் இருந்து கூறுகளை சேர்க்கிறது மற்றும் / அல்லது நீக்குகிறது

unshift ()

வரிசையின் முன்னால் ஒன்று அல்லது அதற்கு மேற்பட்ட கூறுகளைச் சேர்த்து, வரிசையின் புதிய நீளத்தை வழங்குகிறது

உதாரணமாக:

var பெயர்: வரிசை = ['ஜான்', 'டெய்ஸி', 'தாரா'] name.sort () console.log (பெயர்) // வெளியீடு: ['டெய்ஸி', 'ஜான்', 'தாரா'] console.log ( name.pop ()) // வெளியீடு: தாரா பெயர்.புஷ் ('ரேச்சல்') console.log (பெயர்) // வெளியீடு: ['ஜான்', 'டெய்ஸி', 'ரேச்சல்']

இப்போது இந்த டைப்ஸ்கிரிப்ட் டுடோரியலுடன் முன்னேறி இடைமுகங்களைப் பற்றி அறியலாம்.

டைப்ஸ்கிரிப்ட் இடைமுகங்கள்

இடைமுகம் என்பது உங்கள் பயன்பாட்டில் உள்ள ஒப்பந்தத்தை வரையறுக்கும் ஒரு கட்டமைப்பாகும். வகுப்புகள் பின்பற்ற வேண்டிய தொடரியல் இது வரையறுக்கிறது. இது உறுப்பினர்களின் அறிவிப்பை மட்டுமே கொண்டுள்ளது மற்றும் உறுப்பினர்களை வரையறுப்பது என்பது வகுப்பின் பொறுப்பாகும்.

உதாரணமாக:

இடைமுகம் பணியாளர் {empID: number empName: string getSalary: (எண்) => எண் // அம்பு செயல்பாடு getManagerName (எண்): சரம்}

மேலே உள்ள எடுத்துக்காட்டில், தி ஊழியர் இடைமுகம் இரண்டு பண்புகளை உள்ளடக்கியது empID மற்றும் empName . இது ஒரு முறை அறிவிப்பையும் உள்ளடக்கியது getSalaray ஒரு பயன்படுத்தி அம்பு செயல்பாடு இதில் ஒரு எண் அளவுரு மற்றும் எண் திரும்பும் வகை ஆகியவை அடங்கும். தி getManagerName முறை ஒரு சாதாரண செயல்பாட்டைப் பயன்படுத்தி அறிவிக்கப்படுகிறது.

டைப்ஸ்கிரிப்ட் வகுப்புகள்

டைப்ஸ்கிரிப்ட் வகுப்புகளை அறிமுகப்படுத்தியது, இதனால் பொருள்-சார்ந்த நுட்பங்களின் நன்மைகளை அவர்கள் இணைத்தல் மற்றும் சுருக்கம் போன்றவற்றைப் பெற முடியும். டைப்ஸ்கிரிப்ட்டில் உள்ள வகுப்பு தட்டச்சு மற்றும் உலாவிகளில் வேலை செய்ய டைப்ஸ்கிரிப்ட் கம்பைலரால் எளிய ஜாவாஸ்கிரிப்ட் செயல்பாடுகளுக்கு தொகுக்கப்பட்டுள்ளது.

ஒரு வகுப்பில் பின்வருவன அடங்கும்:

  • பில்டர்
  • பண்புகள்
  • முறைகள்

உதாரணமாக:

வகுப்பு ஊழியர் {empID: எண் empName: சரம் கட்டமைப்பாளர் (ID: number, name: string) {this.empName = name this.empID = ID} getSalary (): எண் {திரும்ப 40000}}

மரபுரிமை

டைப்ஸ்கிரிப்ட் ஆதரிக்கிறது மரபுரிமை ஏற்கனவே இருக்கும் வகுப்பிலிருந்து புதிய வகுப்புகளை உருவாக்குவதற்கான நிரலின் திறன் இது. புதிய வகுப்புகளை உருவாக்க நீட்டிக்கப்பட்ட வகுப்பை பெற்றோர் வகுப்பு அல்லது சூப்பர் வகுப்பு என்று அழைக்கப்படுகிறது. புதிதாக உருவாக்கப்பட்ட வகுப்புகள் குழந்தை அல்லது துணை வகுப்புகள் என்று அழைக்கப்படுகின்றன.

‘நீட்டிக்கிறது’ முக்கிய சொல்லைப் பயன்படுத்தி ஒரு வகுப்பு மற்றொரு வகுப்பிலிருந்து பெறுகிறது. குழந்தை வகுப்புகள் பெற்றோர் வகுப்பிலிருந்து தனியார் உறுப்பினர்கள் மற்றும் கட்டமைப்பாளர்களைத் தவிர அனைத்து பண்புகளையும் முறைகளையும் பெறுகின்றன. ஆனால், டைப்ஸ்கிரிப்ட் பல பரம்பரை ஆதரிக்கவில்லை.

தொடரியல்:

வகுப்பு குழந்தை_ வகுப்பு_பெயர் பெற்றோர்_ வகுப்பு_பெயரை நீட்டிக்கிறது

உதாரணமாக:

வகுப்பு நபர் {பெயர்: சரம் கட்டமைப்பாளர் (பெயர்: சரம்) {this.name = பெயர்}} வகுப்பு ஊழியர் நபர் {empID: எண் கட்டமைப்பாளர் (empID: எண், பெயர்: சரம்) {சூப்பர் (பெயர்) this.empID = empid} displayName (): வெற்றிடத்தை {console.log ('பெயர் =' + this.name + ', பணியாளர் ஐடி =' + this.empID)} emp emp = புதிய பணியாளர் (701, 'ஜேசன்') emp.displayName () // பெயர் = ஜேசன், பணியாளர் ஐடி = 701

இப்போது வகுப்புகளைப் பற்றி உங்களுக்குத் தெரியும், இந்த டைப்ஸ்கிரிப்ட் டுடோரியலுடன் முன்னேறி, பொருள்களைப் பற்றி அறிந்து கொள்வோம்.

டைப்ஸ்கிரிப்டில் உள்ள பொருள்கள்

ஒரு பொருள் என்பது வேறுபட்ட முக்கிய மதிப்பு ஜோடிகளைக் கொண்ட ஒரு எடுத்துக்காட்டு. மதிப்புகள் அளவிடக்கூடிய மதிப்புகள் அல்லது செயல்பாடுகள் அல்லது பிற பொருட்களின் வரிசையாக இருக்கலாம்.

தொடரியல்:

var object_name = {key1: “value1”, // அளவிடக்கூடிய மதிப்பு key2: “மதிப்பு”, key3: function () {// functions}, key4: [“content1”, “content2”]

ஒரு பொருளில் அளவிடக்கூடிய மதிப்புகள், செயல்பாடுகள் மற்றும் வரிசைகள் மற்றும் டுபில்கள் போன்ற கட்டமைப்புகள் இருக்கலாம்.

உதாரணமாக:

var நபர் = {முதல் பெயர்: 'டேனி', கடைசி பெயர்: 'பசுமை'} // பொருள் மதிப்புகளை அணுகவும் console.log (person.firstname) console.log (person.lastname)

தொகுக்கும்போது, ​​அது ஜாவாஸ்கிரிப்டில் அதே குறியீட்டை உருவாக்கும்.

வெளியீடு:

டேனி
பச்சை

டைப்ஸ்கிரிப்ட்டின் வெவ்வேறு முக்கியமான கூறுகள் இவை. இப்போது, ​​இந்த டைப்ஸ்கிரிப்ட் டுடோரியலுடன் செல்லலாம் மற்றும் பயன்பாட்டு வழக்கைப் புரிந்துகொள்ள ஒரு எடுத்துக்காட்டைப் பார்ப்போம்.

டைப்ஸ்கிரிப்ட் பயிற்சி: வழக்கைப் பயன்படுத்தவும்

ஏற்கனவே உள்ளதை எவ்வாறு மாற்றுவது என்பதை இங்கே கற்றுக்கொள்வோம் டைப்ஸ்கிரிப்ட்டுக்கு.

நாம் ஒரு டைப்ஸ்கிரிப்ட் கோப்பை தொகுக்கும்போது, ​​அது அதே பெயருடன் தொடர்புடைய ஜாவாஸ்கிரிப்ட் கோப்பை உருவாக்குகிறது. இங்கே, உள்ளீடாக செயல்படும் எங்கள் அசல் ஜாவாஸ்கிரிப்ட் கோப்பு ஒரே கோப்பகத்தில் இருக்கக்கூடாது என்பதை உறுதிப்படுத்த வேண்டும், இதனால் டைப்ஸ்கிரிப்ட் அவற்றை மேலெழுதாது.

ஜாவாஸ்கிரிப்டிலிருந்து டைப்ஸ்கிரிப்ட்டுக்கு இடம்பெயர்வதற்கான செயல்முறை பின்வரும் படிகளை உள்ளடக்கியது:

1. திட்டத்திற்கு tsconfig.json கோப்பைச் சேர்க்கவும்

திட்டத்தில் நீங்கள் ஒரு tsconfig.json கோப்பை சேர்க்க வேண்டும். திட்டத்தின் தொகுப்பு விருப்பங்களை நிர்வகிக்க டைப்ஸ்கிரிப்ட் ஒரு tsconfig.json கோப்பைப் பயன்படுத்துகிறது, அதாவது நீங்கள் எந்த கோப்புகளை சேர்க்க விரும்புகிறீர்கள் மற்றும் விலக்க விரும்புகிறீர்கள்.

comp 'compilerOptions': {'outDir': './built', 'allowJs': true, 'target': 'es5'}, 'include': ['./src/**/*']}

2. உருவாக்க கருவியுடன் ஒருங்கிணைக்கவும்

பெரும்பாலான ஜாவாஸ்கிரிப்ட் திட்டங்கள் கல்ப் அல்லது வெப் பேக் போன்ற ஒருங்கிணைந்த உருவாக்க கருவியைக் கொண்டுள்ளன. பின்வரும் வழிகளில் நீங்கள் வலைப்பக்கத்துடன் திட்டங்களை ஒருங்கிணைக்கலாம்:

  • முனையத்தில் பின்வரும் கட்டளையை இயக்கவும்:
pm npm அற்புதமான-தட்டச்சு-ஏற்றி மூல-வரைபடம்-ஏற்றி நிறுவவும்

வலைப்பக்க ஒருங்கிணைப்பில், மூலக் குறியீட்டை எளிதாக பிழைத்திருத்தத்திற்காக மூல-வரைபட-ஏற்றியுடன் இணைந்து அற்புதமான-தட்டச்சு-ஏற்றி பயன்படுத்துகிறீர்கள்.

  • இரண்டாவதாக, ஏற்றிகளைச் சேர்க்க எங்கள் கட்டமைப்பு கட்டமைப்பு சொத்தை எங்கள் webpack.config.js கோப்பில் இணைக்கவும்.

3. அனைத்து .js கோப்புகளையும் .ts கோப்புகளுக்கு நகர்த்தவும்

இந்த கட்டத்தில், நீங்கள் .js கோப்பை .ts கோப்புக்கு மறுபெயரிட வேண்டும். இதேபோல், கோப்பு JSX ஐப் பயன்படுத்தினால், நீங்கள் அதை .tsx என மறுபெயரிட வேண்டும். இப்போது, ​​டைப்ஸ்கிரிப்டை ஆதரிக்கும் எடிட்டரில் அந்தக் கோப்பைத் திறந்தால், சில குறியீடுகள் தொகுப்பு பிழைகள் கொடுக்கத் தொடங்கலாம். எனவே, கோப்புகளை ஒவ்வொன்றாக மாற்றுவது தொகுப்பு பிழைகளை மிக எளிதாக கையாள அனுமதிக்கிறது. மாற்றத்தின் போது டைப்ஸ்கிரிப்ட் ஏதேனும் தொகுப்பு பிழைகளைக் கண்டால், அது இன்னும் குறியீட்டை மொழிபெயர்க்க முடியும்.

4. பிழைகள் சரிபார்க்கவும்

Js கோப்பை ts கோப்பிற்கு நகர்த்திய பின்னர், உடனடியாக, டைப்ஸ்கிரிப்ட் எங்கள் குறியீட்டின் வகை சரிபார்ப்பைத் தொடங்கும். எனவே, நீங்கள் ஜாவாஸ்கிரிப்ட் குறியீட்டில் கண்டறியும் பிழைகளைப் பெறலாம்.

5. மூன்றாம் தரப்பு ஜாவாஸ்கிரிப்ட் நூலகங்களைப் பயன்படுத்தவும்

ஜாவாஸ்கிரிப்ட் திட்டங்கள் மூன்றாம் தரப்பு நூலகங்களைப் பயன்படுத்துகின்றன அல்லது லோடாஷ். கோப்புகளைத் தொகுக்க, இந்த நூலகங்களில் உள்ள அனைத்து பொருட்களின் வகைகளையும் டைப்ஸ்கிரிப்ட் தெரிந்து கொள்ள வேண்டும். ஜாவாஸ்கிரிப்ட் நூலகங்களுக்கான டைப்ஸ்கிரிப்ட் வகை வரையறை கோப்புகள் ஏற்கனவே நிச்சயமாக டைப் செய்யப்பட்டுள்ளன. எனவே, இந்த வகையை வெளிப்புறமாக நிறுவ வேண்டிய அவசியமில்லை. எங்கள் திட்டத்தில் பயன்படுத்தப்படும் வகைகளை மட்டுமே நீங்கள் நிறுவ வேண்டும்.

JQuery க்கு, நீங்கள் வரையறையை நிறுவலாம்:

pm npm install @ வகைகள் / jquery

இதற்குப் பிறகு, ஜாவாஸ்கிரிப்ட் திட்டத்தில் மாற்றங்களைச் செய்யுங்கள், உருவாக்க கருவியை இயக்கவும். இப்போது, ​​உலாவியில் இயக்கக்கூடிய எளிய ஜாவாஸ்கிரிப்ட்டில் டைப்ஸ்கிரிப்ட் திட்டம் தொகுக்கப்பட வேண்டும்.

இதன் மூலம், இந்த டைப்ஸ்கிரிப்ட் டுடோரியலின் முடிவுக்கு வந்துள்ளோம். டைப்ஸ்கிரிப்ட்டின் அனைத்து முக்கிய கூறுகளையும் நீங்கள் புரிந்து கொண்டீர்கள் என்று நம்புகிறேன்.

பாருங்கள் வழங்கியவர் எடுரேகா. HTML5, CSS3, Twitter பூட்ஸ்டார்ப் 3, jQuery மற்றும் Google API களைப் பயன்படுத்தி ஈர்க்கக்கூடிய வலைத்தளங்களை எவ்வாறு உருவாக்குவது மற்றும் அதை அமேசான் எளிய சேமிப்பக சேவைக்கு (S3) பயன்படுத்துவது எப்படி என்பதை அறிய வலை அபிவிருத்தி சான்றிதழ் பயிற்சி உங்களுக்கு உதவும்.

எங்களுக்கு ஒரு கேள்வி கிடைத்ததா? 'டைப்ஸ்கிரிப்ட் டுடோரியல்' இன் கருத்துகள் பிரிவில் இதைக் குறிப்பிடவும், நாங்கள் உங்களைத் தொடர்புகொள்வோம்.