டைப்ஸ்கிரிப்ட் எக்ஸாக்ட் ஆப்சனல் பிராபர்ட்டி டைப்ஸ்: வலுவான குறியீட்டிற்கான கடுமையான இடைமுகங்கள்

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

எக்ஸாக்ட் ஆப்சனல் பிராபர்ட்டி டைப்ஸ் என்றால் என்ன?

டைப்ஸ்கிரிப்டில், ஒரு இடைமுகம் அல்லது டைப் வரையறையில் பிராபர்ட்டி பெயருக்குப் பிறகு ஒரு கேள்விக்குறி (?) மூலம் விருப்பப் பண்புகள் குறிக்கப்படுகின்றன. ஒரு பிராபர்ட்டி ஒரு ஆப்ஜெக்ட்டில் இல்லாமல் இருக்கலாம் என்பதை இது சுட்டிக்காட்டினாலும், அந்த பிராபர்ட்டி undefined மதிப்புடன் இருக்கிறதா அல்லது முற்றிலும் இல்லையா என்பதில் டைப்ஸ்கிரிப்ட் பாரம்பரியமாக கடுமையான கட்டுப்பாட்டைச் செயல்படுத்துவதில்லை.

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

பாரம்பரிய விருப்பப் பண்புகள் மற்றும் எக்ஸாக்ட் ஆப்சனல் பண்புகள் ஒப்பீடு

ஒரு எளிய எடுத்துக்காட்டுடன் வித்தியாசத்தை விளக்குவோம்:

            
interface User {
  id: number;
  name: string;
  email?: string; // Traditional optional property
}

const user1: User = {
  id: 123,
  name: "Alice",
  email: undefined, // Valid with traditional optionals
};

const user2: User = {
  id: 456,
  name: "Bob",
};

function greet(user: User) {
  if (user.email) {
    console.log(`Hello, ${user.name}! Your email is ${user.email}`);
  } else {
    console.log(`Hello, ${user.name}! We don't have your email.`);
  }
}

greet(user1); // Output: Hello, Alice! Your email is undefined
greet(user2); // Output: Hello, Bob! We don't have your email.

            

              
                Copy
              
            
          

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

எக்ஸாக்ட் ஆப்சனாலிட்டிய அடைய, Partial மற்றும் Pick போன்ற யூட்டிலிட்டி டைப்ஸ்களைப் பயன்படுத்தி சற்று சிக்கலான டைப் வரையறையை உருவாக்க வேண்டும், அல்லது தேவைப்பட்டால் undefined உடன் யூனியனைப் பயன்படுத்த வேண்டும்.

டைப்ஸ்கிரிப்டில் எக்ஸாக்ட் ஆப்சனல் டைப்ஸ்களை செயல்படுத்துதல்

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

1. Partial மற்றும் Required பயன்படுத்துதல் (எளிமைப்படுத்தப்பட்ட பதிப்பு)

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

            
interface ProductBase {
  id: number;
  name: string;
}

type ProductOptional = Partial & Pick;

const product1: ProductOptional = {
    id: 1,
    name: "Example Product",
}

const product2: ProductOptional = {
  id: 2
};

            

              
                Copy
              
            
          

நிச்சயமாகத் தேவைப்படும் பகுதிகளை வரையறுக்க இந்த அணுகுமுறை பயனுள்ளதாக இருக்கும், ஆனால் இது விரைவாக சிக்கலானதாகிவிடும். `ProductOptional` டைப்பில் உள்ள அனைத்து ஆப்ஜெக்ட்களிலும் `id` புலத்தைக் கட்டாயமாக வரையறுக்க `Pick` யூட்டிலிட்டி டைப் பயன்படுத்தப்படுகிறது.

2. undefined-ஐ வெளிப்படையாக அனுமதித்தல்

மற்றொரு வழி, பிராபர்ட்டிக்கு செல்லுபடியாகும் டைப்பாக undefined-ஐ வெளிப்படையாக அனுமதிப்பதாகும்:

            
interface Contact {
  id: number;
  name: string;
  phoneNumber?: string | undefined;
}

const contact1: Contact = {
  id: 1,
  name: "Charlie",
  phoneNumber: undefined,
};

const contact2: Contact = {
  id: 2,
  name: "David",
  phoneNumber: "+15551234567",
};

const contact3: Contact = {
  id:3,
  name: "Eve"
}

            

              
                Copy
              
            
          

இந்த அணுகுமுறை, ஒரு பிராபர்ட்டி இல்லாதது வெளிப்படையான undefined மதிப்பு மூலம் குறிப்பிடப்படுகிறது என்பதை மிகத் தெளிவாகக் காட்டுகிறது. நாம் | undefined-ஐ நீக்கினால், contact1 இல் phoneNumber-க்கு undefined ஒதுக்குவது ஒரு டைப் பிழையாக மாறும்.

3. மேம்பட்ட சூழ்நிலைகளுக்கு யூட்டிலிட்டி டைப்ஸ்களைப் பயன்படுத்துதல்

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

            
interface Address {
  street?: string;
  city?: string;
  country?: string;
}

interface UserProfile {
  id: number;
  name: string;
  address?: Address;
}

const profile1: UserProfile = {
  id: 1,
  name: "Grace",
  address: {
    street: "123 Main St",
    city: "Anytown",
    country: "USA",
  },
};

const profile2: UserProfile = {
  id: 2,
  name: "Heidi",
  address: undefined
};

const profile3: UserProfile = {
  id: 3,
  name: "Ivan"
};

            

              
                Copy
              
            
          

இந்த எடுத்துக்காட்டில், UserProfile-இன் address பிராபர்ட்டி விருப்பத்திற்குரியது. அது இருக்கும்போது, Address இடைமுகத்தால் வரையறுக்கப்பட்ட கட்டமைப்பைப் பின்பற்ற வேண்டும். Address-க்குள் உள்ள தனிப்பட்ட புலங்களும் விருப்பத்திற்குரியவை, இது முகவரித் தகவலை நெகிழ்வாகக் குறிப்பிட அனுமதிக்கிறது.

எக்ஸாக்ட் ஆப்சனல் டைப்ஸ்களைப் பயன்படுத்துவதன் நன்மைகள்

உங்கள் டைப்ஸ்கிரிப்ட் குறியீட்டில் எக்ஸாக்ட் ஆப்சனல் டைப்ஸ்களைப் பயன்படுத்துவது பல குறிப்பிடத்தக்க நன்மைகளை வழங்குகிறது:

• மேம்படுத்தப்பட்ட டைப் பாதுகாப்பு: விருப்பப் பண்புகளில் கடுமையான விதிகளைச் செயல்படுத்துவதன் மூலம், முறையான சோதனைகள் இல்லாமல் undefined மதிப்புகளை அணுகுவதால் ஏற்படும் எதிர்பாராத ரன்டைம் பிழைகளைத் தடுக்கலாம்.
• மேம்பட்ட குறியீட்டுத் தெளிவு: விருப்பப் பண்புகளையும் அவற்றின் அனுமதிக்கப்பட்ட டைப்ஸ்களையும் வெளிப்படையாக வரையறுப்பது உங்கள் குறியீட்டை மேலும் படிக்கக்கூடியதாகவும் புரிந்துகொள்ளக்கூடியதாகவும் ஆக்குகிறது. இது ஒவ்வொரு பிராபர்ட்டியின் நோக்கத்தையும் தெளிவாகத் தெரிவிக்கிறது.
• குறைக்கப்பட்ட தெளிவின்மை: எக்ஸாக்ட் ஆப்சனல் டைப்ஸ், விடுபட்ட பிராபர்ட்டிக்கும் undefined மதிப்புள்ள பிராபர்ட்டிக்கும் இடையிலான தெளிவின்மையை நீக்குகிறது, இது கணிக்கக்கூடிய நடத்தைக்கு வழிவகுக்கிறது.
• சிறந்த API வடிவமைப்பு: API-களை வடிவமைக்கும்போது, எக்ஸாக்ட் ஆப்சனல் டைப்ஸ்களைப் பயன்படுத்துவது தரவுக் கட்டமைப்புகளுக்கு தெளிவான ஒப்பந்தங்களை வழங்க உங்களை அனுமதிக்கிறது, உங்கள் API-ஐப் பயன்படுத்துபவர்கள் விருப்பப் பண்புகளைச் சரியாகக் கையாளுகிறார்கள் என்பதை உறுதி செய்கிறது.
• எளிதாக்கப்பட்ட தரவு சரிபார்ப்பு: தரவு செயலாக்கப்படுவதற்கு முன்பு எதிர்பார்க்கப்படும் கட்டமைப்பிற்கு இணங்குவதை உறுதிசெய்ய, மிகவும் வலுவான தரவு சரிபார்ப்பு வழிமுறைகளைச் செயல்படுத்த எக்ஸாக்ட் ஆப்சனல் டைப்ஸ்களை நீங்கள் பயன்படுத்தலாம்.

நடைமுறை எடுத்துக்காட்டுகள் மற்றும் பயன்பாட்டு வழக்குகள்

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

1. பயனர் சுயவிவரங்களைக் கையாளுதல்

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

2. பயன்பாட்டு அமைப்புகளை உள்ளமைத்தல்

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

3. படிவக் கூறுகளை உருவாக்குதல்

படிவ மேம்பாட்டில், பல உள்ளீட்டுப் புலங்கள் விருப்பத்திற்குரியதாக இருக்கலாம். படிவத் தரவுக் கட்டமைப்பைக் குறிக்க எக்ஸாக்ட் ஆப்சனல் டைப்ஸ்களைப் பயன்படுத்தலாம், இது விருப்ப உள்ளீடுகளைக் கையாள்வதையும், சமர்ப்பிக்கும் முன் படிவத்தைச் சரிபார்ப்பதையும் எளிதாக்குகிறது.

4. API-களுடன் பணிபுரிதல்

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

எக்ஸாக்ட் ஆப்சனல் டைப்ஸ்களைப் பயன்படுத்துவதற்கான சிறந்த நடைமுறைகள்

உங்கள் டைப்ஸ்கிரிப்ட் திட்டங்களில் எக்ஸாக்ட் ஆப்சனல் டைப்ஸ்களைத் திறம்படப் பயன்படுத்த, பின்வரும் சிறந்த நடைமுறைகளைக் கருத்தில் கொள்ளுங்கள்:

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

உலகளாவிய பரிசீலனைகள்

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

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

இங்கே சில குறிப்பிட்ட பரிசீலனைகள்:

• தொலைபேசி எண்கள்: சர்வதேச தொலைபேசி எண் வடிவமைப்பு மற்றும் சரிபார்ப்பை ஆதரிக்கும் ஒரு லைப்ரரியைப் பயன்படுத்தவும்.
• முகவரிகள்: வெவ்வேறு முகவரிக் கூறுகளுக்கு (எ.கா., தெரு, நகரம், அஞ்சல் குறியீடு, நாடு) தனித்தனி உள்ளீட்டுப் புலங்களை வழங்கவும் மற்றும் உள்ளூர்மயமாக்கப்பட்ட முகவரி வடிவங்களைப் பயன்படுத்தவும்.
• தேதிகள்: சர்வதேச தேதி வடிவமைப்பு மற்றும் பாகுபடுத்தலை ஆதரிக்கும் ஒரு லைப்ரரியைப் பயன்படுத்தவும்.
• நாணயங்கள்: சர்வதேச நாணய வடிவமைப்பு மற்றும் மாற்றத்தை ஆதரிக்கும் ஒரு லைப்ரரியைப் பயன்படுத்தவும்.
• மொழிகள்: உள்ளூர்மயமாக்கப்பட்ட செய்திகள் மற்றும் லேபிள்களை வழங்க சர்வதேசமயமாக்கலை (i18n) ஆதரிக்கும் ஒரு லைப்ரரியைப் பயன்படுத்தவும்.

முடிவுரை

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

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

மேலும் ஆராய

டைப்ஸ்கிரிப்ட் மற்றும் அதன் அம்சங்களைப் பற்றிய உங்கள் புரிதலை ஆழப்படுத்த, பின்வரும் ஆதாரங்களை ஆராய்வதைக் கருத்தில் கொள்ளுங்கள்:

• அதிகாரப்பூர்வ டைப்ஸ்கிரிப்ட் ஆவணங்கள்: https://www.typescriptlang.org/
• பசரத் அலி சையதின் டைப்ஸ்கிரிப்ட் டீப் டைவ்: https://basarat.gitbook.io/typescript/
• மேம்பட்ட டைப்ஸ்கிரிப்ட் நுட்பங்கள்: https://mariusschulz.com/

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