Javascript Tutorial 01👉 Quotation, Variables & Comment নিয়ে আলোচনা।

[Moudud_Hoque]

JavaScript এর Quotation, Variables & Comment নিয়ে আলোচনা।

---

** ES6 ?**

ES6 (ECMAScript 6) হলো JavaScript-এর একটি নতুন সংস্করণ, যা 2015 সালে প্রকাশিত হয়। এটিকে ES2015 নামেও ডাকা হয়। ES6 JavaScript-এ নতুন ফিচার এবং ফাংশন যোগ করেছে, যা কোড লেখা আরও সহজ, শক্তিশালী, এবং আধুনিক করেছে।

---

---

---

1.0 Single Quotation এবং Double Quotation

JavaScript-এ স্ট্রিং তৈরি করার জন্য দুই প্রকার কোটেশন ব্যবহার করা যায়:

1. 1 Single Quotation ('):

let name = 'Moudud';

1.2 Double Quotation ("):

let name = "Moudud";

1.3 Single Quotation ও Double Quotation-এর ব্যবহার ও পার্থক্য:

• Single Quotation ব্যবহারে যদি apostrophe (') লাগে, তাহলে ব্যাকস্ল্যাশ (\) দিয়ে escape করতে হয়:

let message = 'My name\'s Moudud';

• Double Quotation এর ক্ষেত্রে escape করা লাগে না:

let message = "My name's Moudud";

Best Practice:

Consistency বজায় রাখতে একটি প্রকার ব্যবহার করাই ভালো। আধুনিক JavaScript-এ backticks (``) ব্যবহার বেশি প্রচলিত।

---

---

---

2.0 console.log

console.log() হলো একটি ফাংশন যা ডেভেলপারদের জন্য ডাটা প্রিন্ট করতে সাহায্য করে। এটি মূলত ডিবাগিং এর কাজে ব্যবহৃত হয়। নিচের আমরা অনেক বার দেখবো এর কাজ।

উদাহরণ:

console.log('Hello, World!');

---

---

---

3.0 JavaScript Variables

Variable হলো একটি কন্টেইনার বা একটি জায়গা যেখানে ডেটা (যেমন সংখ্যা, টেক্সট, Boolean ইত্যাদি) সংরক্ষণ করা যায়। প্রোগ্রামে বিভিন্ন ডেটা সংরক্ষণ এবং ব্যবহার করতে ভেরিয়েবল ব্যবহার করা হয়। ভেরিয়েবল ডিক্লারেশন করতে তিনটি কীওয়ার্ড ব্যবহার করা হয়: var, let, এবং const। প্রতিটির নিজস্ব বৈশিষ্ট্য এবং ব্যবহারের ক্ষেত্র রয়েছে। এরপর ভেরিয়েবলের নাম দিতে হয়। যেমন নিচে “Moudud” দেওয়া হয়েছে এবং আরো ভ্যালু এসাইন করতে চাইলে করাআআ যায়।

let name = "Moudud"; // name ভেরিয়েবলে "Moudud" সংরক্ষিত হয়েছে।

---

Variable Declaration-এর তিনটি কীওয়ার্ড নিয়ে আলোচনা

3.1. var

var হলো পুরানো পদ্ধতি, ES6-এর আগে এটি ব্যবহৃত হতো। এখন কম ব্যাবহার হয়। এটি function scoped, অর্থাৎ এটি শুধুমাত্র ফাংশনের মধ্যে সীমাবদ্ধ। এর মাধ্যমে একই ভেরিয়েবল একাধিকবার ডিক্লার করা যায়।

var name = "Moudud";
name = "RUbel"; // পরিবর্তন সম্ভব
console.log(name); // "Rubel"

var-এর সমস্যা:

যদি var ব্যবহার করে একটি ভেরিয়েবল ডিক্লার করেন, এটি পুরো প্রোগ্রামে অ্যাক্সেসযোগ্য হয়। একই ভেরিয়েবল পুনরায় ডিক্লার করা যায়, যা কোডে error এর কারণ হতে পারে।

var num = 5;
var num = 10; // ভুল ধরবে না, কিন্তু বিভ্রান্তি তৈরি করবে।
console.log(num); // 10

---

3. 2. let

let হলো আধুনিক পদ্ধতি, ES6-এ পরিচিত হয়। এটি block scoped, অর্থাৎ { } এর মধ্যে সীমাবদ্ধ।

let age = 25;
age = 30; // পরিবর্তন সম্ভব
console.log(age); // 30

let-এর সুবিধা:

Block Scoped:
এটি ব্লকের বাইরে অ্যাক্সেসযোগ্য নয়। অর্থাৎ { } এইই বন্ধনির মধ্যেই সিমাবদ্ধ থাকবে।

{
  let x = 10;
}
console.log(x); // ReferenceError: x is not defined

No Re-declaration:
একই নামের ভেরিয়েবল পুনরায় ডিক্লার করা যায় না।

let name = "Moudud";
let name = "Fahmid"; // SyntaxError অর্থাৎ ভুল আসবে

---

3.3 const

const দিয়ে ডিক্লার করা ভেরিয়েবলের মান পরিবর্তন করা যায় না অর্থাৎ এর মান কোনোভাবেই পরিবর্তন করা সম্ভব না। যদিও var, let এ কোনো না কোনোভাবে পরিবর্তন করা যায়। এটিও block scoped।

const pi = 3.1416;
console.log(pi); // 3.1416
pi = 3.14; // TypeError: Assignment to constant variable

কিছু কথা: Default হিসেবে বা মান পরিবর্তন করতে না হলে const ব্যবহার করা উচিত। যদি ভেরিয়েবলের মান পরিবর্তন করার প্রয়োজন হয়, তখন let** ব্যবহার করবো আমরা। var এর ব্যবহার না করাই উত্তম, কারণ এটি কোডকে জটিল করতে পারে।

ভেরিয়েবল ব্যবহারে সর্বদা clear এবং meaningful নাম ব্যবহার করতে হবে তাহলে কোড করার সময় বুঝতে পারবো কেনো এই ভ্যারিয়াবল টা ব্যাবহার করেছি।

let userName = "Moudud";
const maxSpeed = 120;

---

---

4.0 JavaScript এ comment নিয়ে আলোচনা

4.1 Single-line Comments
Single-line comment লেখার জন্য দুইটি ফরওয়ার্ড স্ল্যাশ // ব্যবহার করা হয়। এর পরে যা কিছু লেখা হবে সেটা ব্রাউজার execute করবে না কোড এ কি লেখা হয়েছে সেটা বুঝার জন্য কমেন্ট লেখা হয়। যেমন:

// এটি একটি user এর নাম (এভাবেই কমেন্ট করে বুঝাতে হয় এখানে কি লেখা হয়েছে)
let userName = "Karim";

let age = 25; // এটি user এর বয়স

4.2 Multi-line Comments
একাধিক লাইনের কমেন্ট লেখার জন্য /* দিয়ে শুরু করে */ দিয়ে শেষ করতে হয়। এর মধ্যে যত লাইন লেখা হবে সবই কমেন্ট হিসেবে গণ্য হবে। যেমন:

আমি ব্যাসিক কিছু উদাহরণ দিয়ে multi-line comment এর ব্যবহার দেখাচ্ছি:

/* 
এটি একটি স্টুডেন্ট এর তথ্য:
নাম: Rasel
রোল: ১০১ 
ক্লাস: ১০ম
সেকশন: এ
*/
let studentName = "Rasel";
let roll = 101;

/*
যোগাযোগের তথ্য:
ফোন: ০১৭১১-০০০০০০
ইমেইল: [email protected]  
ঠিকানা: ঢাকা, বাংলাদেশ
*/
let contact = {
    phone: "01711-000000",
    email: "[email protected]",
    address: "Dhaka, Bangladesh"
};

এভাবে আমরা বিভিন্ন ধরনের ডেটা বা তথ্যের জন্য multi-line comment ব্যবহার করে কোডকে সুন্দরভাবে ডকুমেন্ট করতে পারি এবং এই কমেন্টট গুলো যখন এই ফাইলে কাজ করবে অন্য ডেভেলপার দেখে কোথায় কি কাজ করা হয়েছে তা বুঝতে পারবে এবং পরে মেইনটেইন করতে সহায়তা করে।

---

---

---

Data Types, Operators, Object, Conditional Statements, Loops এসব নিয়ে পরবর্তী টিউটোরিয়ালে আলোচনা পাবেন।

---

[Rasif_Rahman]

ভাই জাভা আমার মাথার উপ্রে দিয়া যাচ্ছে…

[mdgiyasuddinb]

খুবই সুন্দর ভাবে বুঝিয়েন ভাই। জাযাখাল্লাহু খাইরান।

[Md_Hridoy_Mia]

Thanks baiya onek balo likchen.