முக்கிய உள்ளடக்கத்திற்குச் செல்லவும்
தொகுதி 7 · பாடம் 2 இன் 2பாடத்திட்டத்தில் 14/14~15 min
தொகுதி பாடங்கள் (2/2)

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

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

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


பிரகடனம் ஒன்றிணைத்தல்

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

மிகவும் பொதுவான வழக்கு இடைமுகம் ஒன்றிணைத்தல்:

TS
interface User {
  name: string;
}

interface User {
  age: number;
}

// The resulting User interface has both name and age properties!
const student: User = {
  name: 'Alice',
  age: 23,
};

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


உலகளாவிய மற்றும் வெளிப்புற தொகுதிகளை மாற்றியமைத்தல்

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

எடுத்துக்காட்டாக, உலாவியின் உலகளாவிய window பொருளில் ஒரு சொத்தை சேர்க்க விரும்பினால்:

TS
declare global {
  interface Window {
    analyticsToken: string;
  }
}

declare global ஐப் பயன்படுத்துவதன் மூலம், தற்போதுள்ள உலகளாவிய Window இடைமுகத்தில் புதிய கையொப்பத்தை நாங்கள் செலுத்துகிறோம் என்று TypeScriptக்குச் சொல்கிறோம்.


நீங்களே முயற்சி செய்து பாருங்கள்

பயிற்சி 1: அடிப்படை அறிவிப்பு இணைத்தல்

உடற்பயிற்சி#ts.m7.l2.e1
முயற்சிகள்: 0ஏற்றுகிறது…

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

எடிட்டரை ஏற்றுகிறது…
குறிப்பைக் காட்டு

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

3 முயற்சிகளுக்குப் பிறகு தீர்வு கிடைக்கும்

பயிற்சி 2: உலகளாவிய சாளர இடைமுகத்தை விரிவுபடுத்துதல்

உடற்பயிற்சி#ts.m7.l2.e2
முயற்சிகள்: 0ஏற்றுகிறது…

Record<string, string> வகையின் config என்ற தனிப்பயன் சொத்தை சேர்க்க, உலகளாவிய சாளர இடைமுகத்தை நீட்டிக்க விரும்புகிறீர்கள் என்று கற்பனை செய்து பாருங்கள். புதிய சொத்தை உலகளாவிய சாளர இடைமுகத்தில் இணைக்க, declare global ஐப் பயன்படுத்தி சரியான அறிவிப்பை எழுதவும்.

எடிட்டரை ஏற்றுகிறது…
குறிப்பைக் காட்டு

declare global { interface Window { config: Record<string, string>; } }.

3 முயற்சிகளுக்குப் பிறகு தீர்வு கிடைக்கும்