JavaScript Syntax ও Comments
Statements, semicolon, case-sensitivity, whitespace, comment লেখার নিয়ম — JavaScript সিনট্যাক্স-এর বাংলা গাইড।
Syntax হলো ভাষার বানান ও বাক্য গঠনের নিয়ম। JavaScript-এর সিনট্যাক্স নিয়মগুলো ঠিকঠাক বুঝলে টাইপিং ভুল কমবে।
Statement ও ;
let x = 5;
let y = 10;
const sum = x + y;
console.log(sum);প্রতিটি কাজ একটি statement — প্রায়শই semicolon (;) দিয়ে শেষ হয়। JS-এ semicolon বাধ্যতামূলক নয় (ASI আছে), তবে ধারাবাহিকভাবে ব্যবহার করুন — অনেক bug এড়ানো যায়।
Case-sensitivity
const userName = "রহিম";
const username = "করিম";
// userName আর username — আলাদা দুটি ভেরিয়েবল!
console.log(userName); // রহিম
console.log(username); // করিমJavaScript case-sensitive — Name, name, NAME তিনটিই আলাদা। নিয়ম মেনে lowerCamelCase ব্যবহার করলে এই গোলমাল কমে।
Whitespace ও indent
const total = 2 + 3; // এক লাইন
const result = 2 +
3 + // নতুন লাইনে ভাঙা যায়
4;
console.log(total); // 5
console.log(result); // 9স্পেস, ট্যাব, নতুন লাইন — কোডের ফলাফল বদলায় না; এগুলো readability-র জন্য। ধারাবাহিক indent (২ বা ৪ স্পেস) দলগত কোডে বাধ্যতামূলক।
Comments — লেখা ও প্রয়োজন
// single-line comment — এক লাইনের নোট
/*
multi-line comment
একাধিক লাইনের ব্যাখ্যা
*/
const price = 1500; // inline comment — লাইনের শেষেcomment কোডের অংশ নয় — ব্রাউজার চালায় না। কিন্তু সঠিক comment-এ কোডের উদ্দেশ্য পরিষ্কার হয়। কী হচ্ছে নয়, কেন হচ্ছে — সেটিই ভালো comment-এর সার।
Comment লেখার সেরা অভ্যাস
স্টাইল: নাম ও প্রচলিত ফরম্যাট (comment) ব্যবহার করে, তবে point-এ লিখুন —
- comment কী নয়, কেন বুঝিয়ে দিন
- বড় ফাংশনের শুরুতে এক-দুই লাইনের সারাংশ
- জটিল লজিকে ধাপ চিহ্নিত করুন
- অপ্রয়োজনীয়
// x = 5— ধরণের লিখবেন না (কোড নিজেই বলে)
// মোট মূল্য: প্রতিটি item-এর দাম ভ্যাটসহ
function totalPrice(items) {
// ১. ভ্যাটের হার
const vat = 0.15;
// ২. সব item-এর মূল যোগ
return items.reduce((sum, item) => sum + item.price * (1 + vat), 0);
}
console.log(totalPrice([{ price: 100 }, { price: 200 }])); // 345| নিয়ম | উদাহরণ | নোট |
|---|---|---|
| statement শেষ | let a = 1; | ; ধারাবাহিকতা |
| case-sensitive | user ≠ User | camelCase |
| whitespace | ফাঁকা যত খুশি | readability-র জন্য |
| single comment | // নোট | Ctrl + / |
| multi comment | /* … */ | বড় ব্যাখ্যায় |
বাংলা comment ধরনের প্রজেক্টে স্বাভাবিক — দল ও ভবিষ্যতের আপনি যেন সহজে বুঝতে পারেন, সেটিই মূল।
একটি জটিল লাইন লিখুন, তার উপরে দুই লাইনে বাংলায় ব্যাখ্যা লিখুন — comment-এর হাত পাকবে।