JavaScript Style Guide

JavaScript பாணி வழிகாட்டி

JavaScript பாணி வழிகாட்டி

எப்போதும் உங்கள் அனைத்து JavaScript திட்டங்களுக்கும் ஒரே குறியிடும் மரபுகளைப் பயன்படுத்தவும்.

JavaScript குறியிடும் மரபுகள்

குறியிடும் மரபுகள் நிரலாக்கத்திற்கான பாணி வழிகாட்டிகளாகும். அவை பொதுவாக உள்ளடக்கும்:

🎯 குறியிடும் மரபுகள் தரத்தை உறுதிப்படுத்துகின்றன:

குறியீட்டின் வாசிப்புத்திறனை மேம்படுத்துகின்றன

குறியீட்டுப் பராமரிப்பை எளிதாக்குகின்றன

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

📚 பரிந்துரை:

இந்தப் பக்கம் Jassif Team பயன்படுத்தும் பொதுவான JavaScript குறியீட்டு மரபுகளை விவரிக்கிறது.

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

மாறி பெயர்கள்

Jassif Team இல் அடையாளங்காட்டி பெயர்களுக்கு (மாறிகள் மற்றும் செயல்பாடுகள்) ஒட்டுச்சொல் வழக்கைப் பயன்படுத்துகிறோம்.

அனைத்து பெயர்களும் ஒரு எழுத்துடன் தொடங்குகின்றன.

ஒட்டுச்சொல் வழக்கு எடுத்துக்காட்டுகள்:

firstName = "John";
lastName = "Doe";

price = 19.90;
tax = 0.20;

fullPrice = price + (price * tax);

செயலிகளைச் சுற்றி இடங்கள்

எப்போதும் செயலிகளைச் சுற்றி ( = + - * / ), மற்றும் காற்புள்ளிகளுக்குப் பிறகு இடங்களை வைக்கவும்:

எடுத்துக்காட்டுகள்:

let x = y + z;
const myArray = ["Volvo", "Saab", "Fiat"];
let x=y+z; // ❌ மோசமானது
const myArray=["Volvo","Saab","Fiat"]; // ❌ மோசமானது

குறியீடு உள்தள்ளல்

குறியீட்டுத் தொகுதிகளின் உள்தள்ளலுக்கு எப்போதும் 2 இடங்களைப் பயன்படுத்தவும்:

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

function toCelsius(fahrenheit) {
  return (5 / 9) * (fahrenheit - 32);
}

⚠️ எச்சரிக்கை:

உள்தள்ளலுக்கு தாவல்களைப் பயன்படுத்தாதீர்கள். வெவ்வேறு தொகுப்பிகள் தாவல்களை வெவ்வேறு விதங்களில் விளக்குகின்றன.

அறிக்கை விதிகள்

எளிய அறிக்கைகளுக்கான பொதுவான விதிகள்:

எப்போதும் ஒரு எளிய அறிக்கையை அரைப்புள்ளியுடன் முடிக்கவும்.

எடுத்துக்காட்டுகள்:

const cars = ["Volvo", "Saab", "Fiat"];

const person = {
  firstName: "John",
  lastName: "Doe",
  age: 50,
  eyeColor: "blue"
};

சிக்கலான (கூட்டு) அறிக்கைகளுக்கான பொதுவான விதிகள்:

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

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

இடம்

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

முடிவு அடைப்புக்குறி

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

அரைப்புள்ளி

சிக்கலான அறிக்கையை அரைப்புள்ளியுடன் முடிக்காதீர்கள்.

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

function toCelsius(fahrenheit) {
  return (5 / 9) * (fahrenheit - 32);
}

சுழற்சிகள்:

for (let i = 0; i < 5; i++) {
  x += i;
}

நிபந்தனைகள்:

if (time < 20) {
  greeting = "Good day";
} else {
  greeting = "Good evening";
}

பொருள் விதிகள்

பொருள் வரையறைகளுக்கான பொதுவான விதிகள்:

விதி எடுத்துக்காட்டு
பொருள் பெயரின் அதே வரியில் ஆரம்ப அடைப்புக்குறியை வைக்கவும் const person = {
ஒவ்வொரு பண்புக்கும் அதன் மதிப்புக்கும் இடையே பெருங்குடல் மற்றும் ஒரு இடத்தைப் பயன்படுத்தவும் firstName: "John",
சரம் மதிப்புகளைச் சுற்றி மேற்கோள்களைப் பயன்படுத்தவும், எண் மதிப்புகளைச் சுற்றி அல்ல age: 50, (எண், மேற்கோள்கள் இல்லை)
கடைசி பண்பு-மதிப்பு ஜோடிக்குப் பிறகு காற்புள்ளியைச் சேர்க்காதீர்கள் eyeColor: "blue" (காற்புள்ளி இல்லை)
முன்னணி இடங்கள் இல்லாமல் ஒரு புதிய வரியில் முடிவு அடைப்புக்குறியை வைக்கவும் }
எப்போதும் ஒரு பொருள் வரையறையை அரைப்புள்ளியுடன் முடிக்கவும் };

எடுத்துக்காட்டு

const person = {
  firstName: "John",
  lastName: "Doe",
  age: 50,
  eyeColor: "blue"
};

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

const person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

பெயரிடல் மரபுகள்

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

ஒட்டுச்சொல் வழக்கு
firstName

மாறிகள் & செயல்பாடுகள்

பாஸ்கல் வழக்கு
FirstName

வகுப்புகள்

அடிக்கோடு
first_name

தரவுத்தளங்கள்

இணைப்புக்கோடு
first-name

HTML/CSS (JavaScript இல் அல்ல)

💡 குறிப்புகள்:

ஒட்டுச்சொல் வழக்கு: JavaScript தன்னை, jQuery, மற்றும் பிற JavaScript நூலகங்களால் பயன்படுத்தப்படுகிறது.

பாஸ்கல் வழக்கு: C நிரலாளர்களால் பெரும்பாலும் விரும்பப்படுகிறது.

அடிக்கோடு: SQL தரவுத்தளங்களில் பெரும்பாலும் பயன்படுத்தப்படுகிறது.

இணைப்புக்கோடு: HTML மற்றும் CSS இல் பயன்படுத்தப்படுகிறது, ஆனால் JavaScript இல் அனுமதிக்கப்படாது.

⚠️ எச்சரிக்கை:

$ அடையாளத்துடன் பெயர்களைத் தொடங்காதீர்கள். இது பல JavaScript நூலக பெயர்களுடன் உங்களை முரண்பாட்டில் வைக்கும்.

கோப்பு நீட்டிப்புகள்

HTML கோப்புகள்
.html

(.htm அனுமதிக்கப்படுகிறது)

CSS கோப்புகள்
.css
JavaScript கோப்புகள்
.js

சிற்றெழுத்து கோப்பு பெயர்களைப் பயன்படுத்தவும்

பெரும்பாலான வலை சேவையகங்கள் (Apache, Unix) கோப்பு பெயர்கள் குறித்து வழக்கு-உணர்திறன் கொண்டவை:

london.jpg // சரி
London.jpg // ❌ அணுக முடியாது (Unix இல்)

மற்ற வலை சேவையகங்கள் (Microsoft, IIS) வழக்கு-உணர்திறன் கொண்டவை அல்ல:

london.jpg // சரி
London.jpg // சரி (Windows/IIS இல்)
LONDON.jpg // சரி (Windows/IIS இல்)

🔧 சிறந்த நடைமுறை:

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

நேரடி டெமோ

சரியான மற்றும் தவறான குறியீடு மாதிரிகள்

குறியீடு மாதிரிகள்:

செயல்திறன்

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

சிறிய ஸ்கிரிப்ட்களில் உள்தள்ளல் மற்றும் கூடுதல் இடங்கள் குறிப்பிடத்தக்கவை அல்ல.

⚡ சிறந்த நடைமுறை:

வளர்ச்சியில் உள்ள குறியீட்டிற்கு, வாசிப்புத்திறன் விரும்பப்பட வேண்டும்.

பெரிய உற்பத்தி ஸ்கிரிப்ட்கள் குறைக்கப்பட வேண்டும்.

JavaScript பயிற்சிகள்

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

❓ JavaScript இல் மாறி பெயர்களுக்கு எந்த பெயரிடல் மரபு பரிந்துரைக்கப்படுகிறது?

snake_case (first_name)
✗ இது JavaScript இல் பரிந்துரைக்கப்படவில்லை (SQL/PHP இல் பயன்படுத்தப்படுகிறது)
camelCase (firstName)
✓ சரி! JavaScript, jQuery மற்றும் பிற JavaScript நூலகங்களால் ஒட்டுச்சொல் வழக்கு பயன்படுத்தப்படுகிறது
kebab-case (first-name)
✗ இது JavaScript இல் அனுமதிக்கப்படாது (HTML/CSS இல் பயன்படுத்தப்படுகிறது)
PascalCase (FirstName)
✗ இது JavaScript இல் வகுப்புகளுக்குப் பயன்படுத்தப்படுகிறது, மாறிகளுக்கு அல்ல