variable এর আদ্যোপান্ত

variable কি?


variable হলো একটি কন্টেইনার যেখানে আপনি কোনো কিছু স্টোর বা জমা রাখতে পারেন। প্রয়োজনে সেটি সবাইকে দেখাতেও পারেন। বিভিন্ন সময় এর মান পরিবর্তিত হয়।

সহজ ভাষায়, ভেরিয়েবল এমন একটি কন্টেইনার যেখানে আমরা ডাটা স্টোর রাখি।
যেহেতু এটি ভেরি করে তাই এর মান পরিবর্তিত হওয়ার সম্ভাবনা রয়েছে।

উদাহরণঃ আপনার পকেটে ৫০ টাকা আছে। আপনি সেটিকে ভেরিয়েবলের মাধ্যমে প্রকাশ করতে চান। সেক্ষেত্রে আপনার কোড হবেঃ

var myMoney = 50;

এখন, আপনার বড় বোন আপনাকে আরও ২০ টাকা দিয়েছে। আপনি সেটিকেও
আলাদা ভেরিয়েবল দিয়ে প্রকাশ করতে চাচ্ছেন। সেক্ষেত্রে-

var receivedMoney = 20; 

এবার আপনি দুটো টাকাকে আপনি যোগ করে দেখতে চান। সেটিকেও আরেকটি ভেরিএবল দিয়ে প্রকাশ করতে পারেন। যেমনঃ

var totalMoney = myMoney + receivedMoney;
console.log(totalMoney);

এভাবে আপনার টোটাল টাকা ভেরিএবল এর মাধ্যমে সহজে জেনে নিতে পারলেন।
আপনাকে কষ্ট করে যোগের মতো কঠিন কর্ম করতে হলো না! :face_with_peeking_eye:


আমরা html ও css শিখছি। তখন সিনট্যাক্স একরকম ছিলো। ঠিক একইভাবে
ভেরিএবল ঘোষণা করতে হলেও একটি সিনট্যাক্স মেনে চলতে হয়।

variable লিখার রয়েছে ৫ টি ধাপঃ

১। variable ঘোষণাঃ এক্ষেত্রে আমরা var ব্যবহার করেছি।

২। নাম দেওয়াঃ আপনি আপনার পছন্দমতো নাম দিতে পারেন। তবে ভেরিয়েবল মানের সাথে নামের একটি মিল রাখার চেষ্টা করবেন।
আমরা যেহেতু টাকা নিয়ে ভেরিয়েবল বানিয়েছি, তাই আমরা সেধরনের নাম রাখার চেষ্টা করেছি।

৩। ইকুয়াল বা সমান চিহ্ন দেওয়া (=)
৪। মান বসানোঃ যেই মান আপনি বসাতে চাচ্ছেন সেটি দেওয়া।
৫। সব শেষে সেমিকোলন দেওয়া (:wink:

এই পাঁচটি ধাপ সম্পন্ন করার মানে একটি ভেরিয়েবল ডিক্লেয়ার বা ঘোষণা করা হয়।


বিঃদ্রঃ আপনি আপনার পূর্বের ভেরিএবলের মান পরিবর্তন করতে চাইলে নতুন করে ভেরিয়েবল ডিক্লেয়ার করার প্রয়োজন নেই। শুধু ভেরিয়েবলের নাম লিখে মান বসালেই হয়ে যাবে।

যেমনঃ আগে আমার কাছে ৫০ টাকা থাকায় আমি ‘৫০’ দিয়েছিলাম।

var myMoney = 50;

কিন্তু এখন আমার কাছে ১০০ টাকা আছে। তাই আমার ভেরিয়েবল হবেঃ

myMoney = 100;

ভেরিয়েবলে যা করতে মানাঃ

ভেরিয়েবল ডিক্লেয়ার করার সময় আমাদের কিছু জিনিস মাথায় রাখতে হবে। অনেকটা ঐ সংবিধিবদ্ধ সতর্কীকরণ এর মতো। চলুন দেখে আসি সেগুলোঃ

1. Number: Number বলতে 0-৯ পর্যন্ত সংখ্যাকে বোঝানো হয়েছে।
ভেরিয়েবল কখনও number দিয়ে শুরু হতে পারে না। তবে আপনি চাইলে
মাঝখানে অথবা শেষে ব্যবহার করতে পারেন। যেমনঃ

❌ Invalid

var 3days = "tin din bondho paichi"; // SyntaxError

✅ Valid

var day3 = "tin din bondho paichi";

2. Special Characters: কিছু কিছু জিনিস আছে যাদের সব সময় মার্জিনের
বাইরে/আলাদা করে রাখতে হয়। এরা কোনো নিয়ম মানে না। তাই এধরনের Character দিয়ে ভেরিয়েবলের নাম শুরু করা যাবে না। এগুলোর বিপরীতে underScore(_) কিংবা ডলার সাইন ($) ব্যবহার করতে পারেন। অথবা স্কিপ করলেও সমস্যা নেই।

Special Characters:
#hashtag , @atSign, %percent, !exclaim, -dash, *star

❌ Invalid

var #day = "saturday"; // SyntaxError

✅ Valid

var _day = 'saturday';

3. Spaces: ভেরিএবলের নাম দেওয়ার সময় স্পেস দিলে আপনি SyntaxError
দেখতে পারেন। সেক্ষেত্রে camelCase, underScore (_) ব্যবহার করতে পারেন।

❌ Invalid

var my variable = "good morning"; // SyntaxError

✅ Valid

var myVariable = "good morning";

4. Hyphens: ভেরিএবলে ২ টি শব্দ থাকলে তাদের মধ্যে Hyphen ব্যবহার করা যাবে না। এর বিপরীতে camelCase, underScore (_) ব্যবহার করতে পারেন। যেমনঃ

❌ Invalid

var my-breakfast = "dui parata and a mamlet"; // SyntaxError

✅ Valid

var myBreakFast = "dui parata and a mamlet";

5. Starting with (.) or [] or {}: এই তিনটি ক্যারেকটার দিয়ে ভেরিয়েবল ডিক্লেয়ার করা যাবে না। যেমনঃ

❌ Invalid

var .newDay = "Monday"; // SyntaxError

var [myName] = "Ahmed Rafique"; // SyntaxError

var {myAge} = 30; // SyntaxError

✅ Valid

var newDay = "Monday";

var myName = "Ahemd Rafique";

var myAge = 30;

6. Quotation Marks: ভেরিয়েবলের নামের মধ্যে কোটেশন (‘’/“”) দিলে সেটি কাজ করবে না। যেমনঃ

❌ Invalid

var "newDay" = "Monday"; // SyntaxError

var 'myAge' = 30; // SyntaxError

✅ Valid

var newDay = "Monday";

var myAge = 30;

7. Reserved Keywords: এটা হচ্ছে জাভাস্ক্রিপ্টের নিজস্ব কিছু সম্পত্তি বা কি-ওয়ার্ড। আমাদের নিজস্ব জায়গায় যেমন যে কেউ চাইলেই কিছু করতে পারে না, ঠিক সেভাবেই আমরা এই কি-ওয়ার্ড ব্যবহার করতে পারবো না। যেমনঃ

❌ Invalid

let class = "math"; // SyntaxError

let return = "value"; // SyntaxError

let function = "value"; // SyntaxError

✅ Valid

let myClass = "math";

let returnValue = "value";

let func = "value";

Reserved Keyword এর লিস্ট দেখে নিন এখান থেকেঃ

W3School

Github-Repo

3 Likes

Very simply written. I understood many difficult things। Thank you so much.

Thank you so much for your feedback. I will try my best to post these type of contents.