জাভাস্ক্রিপ্ট Tips - JavaScript Tips

JavaScript Code Style বা কোড স্টাইল হলো JavaScript code লেখার সময় অনুসরণ করা নিয়ম, naming convention, formatting এবং organization-এর সমষ্টি। ভালো code style ব্যবহার করলে code সহজে পড়া, বোঝা এবং maintain করা যায়।

Code Style কী?

JavaScript Code Style হলো code লেখার সময় অনুসরণ করা naming, formatting, indentation এবং organization-এর নিয়ম। ভালো code style code পড়া, বোঝা ও maintain করা সহজ করে।

JavaScript code লেখার সময় এই নিয়মগুলো ধারাবাহিকভাবে অনুসরণ করলে project-এর code আরও সহজে maintain করা যায়।

• Code-এর structure পরিষ্কার থাকে।
• Team-এর একাধিক developer একই ধরনের style অনুসরণ করতে পারে।

const userName = "Anik";
const totalPrice = 500;
console.log(userName, totalPrice);

কোড এডিটর

Code Indentation

Indentation ব্যবহার করে code-এর block structure সহজে বোঝানো হয়। সাধারণত একই block-এর statement একই indentation level-এ রাখা হয়।

JavaScript code লেখার সময় এই নিয়মগুলো ধারাবাহিকভাবে অনুসরণ করলে project-এর code আরও সহজে maintain করা যায়।

• একই block-এর code একই level-এ রাখুন।
• Nested block হলে অতিরিক্ত indentation ব্যবহার করুন।

if (age >= 18) {
  console.log("Adult");
}

কোড এডিটর

Variable Naming

Variable-এর নাম এমন হওয়া উচিত যাতে নাম দেখেই তার উদ্দেশ্য বোঝা যায়। JavaScript-এ সাধারণ variable-এর জন্য camelCase naming style বহুল ব্যবহৃত হয়।

JavaScript code লেখার সময় এই নিয়মগুলো ধারাবাহিকভাবে অনুসরণ করলে project-এর code আরও সহজে maintain করা যায়।

• firstName-এর মতো অর্থপূর্ণ নাম ব্যবহার করুন।
• a, x, data-এর মতো অস্পষ্ট নাম অপ্রয়োজনে এড়িয়ে চলুন।

const studentName = "Anik";
const totalMarks = 450;
console.log(studentName, totalMarks);

কোড এডিটর

const, let এবং var

আধুনিক JavaScript-এ value পরিবর্তন না হলে const এবং পরিবর্তন হলে let ব্যবহার করা সাধারণ practice। নতুন code-এ প্রয়োজন ছাড়া var ব্যবহার না করাই ভালো।

JavaScript code লেখার সময় এই নিয়মগুলো ধারাবাহিকভাবে অনুসরণ করলে project-এর code আরও সহজে maintain করা যায়।

• পরিবর্তন না হলে const ব্যবহার করুন।
• পরিবর্তন হলে let ব্যবহার করুন।

const siteName = "websSchool";
let visitCount = 10;
visitCount++;
console.log(siteName, visitCount);

কোড এডিটর

Function লেখার Style

Function-এর নাম অর্থপূর্ণ হওয়া উচিত এবং নাম থেকেই function কী কাজ করে তা বোঝা ভালো। একটি function-কে একটি পরিষ্কার দায়িত্ব দেওয়ার চেষ্টা করা উচিত।

JavaScript code লেখার সময় এই নিয়মগুলো ধারাবাহিকভাবে অনুসরণ করলে project-এর code আরও সহজে maintain করা যায়।

• calculateTotal(), getUser(), saveData() এর মতো নাম ব্যবহার করুন।
• একটি function-এ অপ্রয়োজনীয়ভাবে অনেক দায়িত্ব দেবেন না।

function calculateTotal(price, quantity) {
  return price * quantity;
}

console.log(calculateTotal(100, 5));

কোড এডিটর

String ও Quote Style

JavaScript-এ single quote, double quote এবং template literal ব্যবহার করা যায়। Project-এ একটি consistent quote style অনুসরণ করলে code-এর consistency বজায় থাকে।

JavaScript code লেখার সময় এই নিয়মগুলো ধারাবাহিকভাবে অনুসরণ করলে project-এর code আরও সহজে maintain করা যায়।

• একটি consistent quote style অনুসরণ করুন।
• Variable যুক্ত string-এর জন্য template literal ব্যবহার করতে পারেন।

const name = "Anik";
const message = `Hello ${name}`;
console.log(message);

কোড এডিটর

Comment ব্যবহারের Style

Comment code-এর উদ্দেশ্য বা গুরুত্বপূর্ণ বিষয় বোঝাতে সাহায্য করে। তবে প্রতিটি লাইনে অপ্রয়োজনীয় comment না লিখে প্রয়োজনীয় জায়গায় সংক্ষিপ্ত comment ব্যবহার করা ভালো।

JavaScript code লেখার সময় এই নিয়মগুলো ধারাবাহিকভাবে অনুসরণ করলে project-এর code আরও সহজে maintain করা যায়।

• প্রয়োজনীয় জায়গায় comment লিখুন।
• পুরনো বা ভুল comment update করুন।

// Calculate the total price
const price = 500;
const quantity = 2;
const total = price * quantity;
console.log(total);

কোড এডিটর

Operator ও Expression লেখার Style

Operator-এর চারপাশে consistent spacing রাখলে expression পড়তে সহজ হয়। খুব complex expression হলে সেটিকে কয়েকটি ধাপে ভাগ করা যেতে পারে।

JavaScript code লেখার সময় এই নিয়মগুলো ধারাবাহিকভাবে অনুসরণ করলে project-এর code আরও সহজে maintain করা যায়।

• Operator-এর চারপাশে spacing রাখুন।
• জটিল expression প্রয়োজন হলে ছোট অংশে ভাগ করুন।

const price = 1000;
const discount = 100;
const quantity = 2;
const total = (price - discount) * quantity;
console.log(total);

কোড এডিটর

Array ও Object Formatting

বড় Array বা Object একাধিক line-এ সুন্দরভাবে format করলে code-এর structure সহজে বোঝা যায়। Property-এর নাম ও indentation পরিষ্কার রাখা গুরুত্বপূর্ণ।

JavaScript code লেখার সময় এই নিয়মগুলো ধারাবাহিকভাবে অনুসরণ করলে project-এর code আরও সহজে maintain করা যায়।

• বড় object ও array সুন্দরভাবে format করুন।
• Property ও value-এর structure পরিষ্কার রাখুন।

const student = {
  name: "Anik",
  age: 25,
  course: "JavaScript"
};
console.log(student);

কোড এডিটর

Clean Code ও Consistency

একটি project-এর বিভিন্ন file-এ একই naming, indentation, formatting এবং coding convention অনুসরণ করলে maintain করা সহজ হয়। অপ্রয়োজনীয় code ও duplicate logic কমিয়ে পরিষ্কার code লেখা উচিত।

JavaScript code লেখার সময় এই নিয়মগুলো ধারাবাহিকভাবে অনুসরণ করলে project-এর code আরও সহজে maintain করা যায়।

• Project জুড়ে একই coding convention অনুসরণ করুন।
• Readable এবং maintainable code লেখার চেষ্টা করুন।

function calculateFinalPrice(price, discount) {
  const finalPrice = price - discount;
  return finalPrice;
}

console.log(calculateFinalPrice(1000, 100));

কোড এডিটর