Scope এবং Closures

CoffeeScript, যেমন JavaScript, scope এবং closures ধারণাগুলো সমর্থন করে। এই দুটি ধারণা প্রোগ্রামিংয়ের অত্যন্ত গুরুত্বপূর্ণ অংশ এবং কোডের কার্যকারিতা, কর্মক্ষমতা এবং ডিবাগিংয়ে বড় প্রভাব ফেলে। CoffeeScript এই ধারণাগুলোকে আরও সহজভাবে উপস্থাপন করার চেষ্টা করে।

Scope (স্কোপ) কি?

Scope একটি প্রোগ্রামিং ভাষায় পরিবর্তনশীল (variables) এবং ফাংশনগুলোর পরিসর (range) বোঝায়, অর্থাৎ, কোন ভেরিয়েবল বা ফাংশন কিভাবে এবং কোথায় অ্যাক্সেস করা যেতে পারে। CoffeeScript বা JavaScript-এ local scope এবং global scope দুটি সাধারণ স্কোপ রয়েছে।

১. Global Scope (গ্লোবাল স্কোপ)

গ্লোবাল স্কোপ হলো সেই স্কোপ যেখানে কোনো ভেরিয়েবল বা ফাংশন সার্বিকভাবে অ্যাক্সেসযোগ্য। যদি আপনি কোনো ভেরিয়েবল গ্লোবাল স্কোপে ডিক্লার করেন, তবে তা কোডের যেকোনো জায়গা থেকে অ্যাক্সেসযোগ্য থাকে।

২. Local Scope (লোকাল স্কোপ)

লোকাল স্কোপ হলো সেই স্কোপ যেখানে কোনো ভেরিয়েবল বা ফাংশন শুধুমাত্র একটি নির্দিষ্ট ফাংশন বা ব্লকের মধ্যে অ্যাক্সেসযোগ্য থাকে। এর মানে হল যে, ওই ভেরিয়েবল বা ফাংশনটি শুধুমাত্র যেখানে ডিক্লার করা হয়েছে সেখানে ব্যবহৃত হতে পারে।

CoffeeScript-এ Scope

CoffeeScript-এ ভেরিয়েবল বা ফাংশনকে লোকাল বা গ্লোবাল স্কোপে রাখতে আপনি যেভাবে JavaScript-এ ব্যবহার করেন, সেভাবে ব্যবহার করতে পারেন। তবে CoffeeScript কোড সাধারণত অনেক সরল এবং সংক্ষিপ্ত হয়।

উদাহরণ: Global Scope

name = "Alice"  # গ্লোবাল ভেরিয়েবল
console.log name

এই কোডে name একটি গ্লোবাল ভেরিয়েবল, যা কোডের যেকোনো স্থানে ব্যবহার করা যাবে।

উদাহরণ: Local Scope

doSomething = ->
  localVar = "I am local"
  console.log localVar

doSomething()
console.log localVar  # ত্রুটি হবে, কারণ localVar শুধুমাত্র doSomething ফাংশনের ভিতরে অ্যাক্সেসযোগ্য

এখানে, localVar শুধুমাত্র doSomething ফাংশনের ভিতরে অ্যাক্সেসযোগ্য এবং বাইরের স্কোপে এটি ব্যবহৃত হবে না।

Closures (ক্লোজার)

Closure হল একটি ফাংশন যা অন্য ফাংশনের স্কোপে থাকা ভেরিয়েবল বা তথ্য ব্যবহার করতে পারে, এমনকি যখন বাইরের ফাংশনটি তার এক্সিকিউশন সম্পূর্ণ করে ফেলেছে। এটা ফাংশনের স্কোপের বাইরে থাকা ভেরিয়েবলগুলোকে ব্যবহার করার ক্ষমতা দেয়।

ক্লোজার সাধারণত যখন একটি ভেরিয়েবলকে ফাংশনের বাইরে থেকে এক্সেস করার জন্য একটি অভ্যন্তরীণ ফাংশন তৈরি করা হয় তখন তৈরি হয়।

উদাহরণ: Closure

outer = ->
  outerVar = "I am outside"
  
  inner = ->
    console.log outerVar  # inner ফাংশন outer ফাংশনের স্কোপের ভেরিয়েবল অ্যাক্সেস করতে পারে
  inner()  # inner ফাংশনকে কল করা হবে
outer()

JavaScript-এ কম্পাইল হওয়া:

var outer;

outer = function() {
  var outerVar;

  outerVar = "I am outside";

  var inner;

  inner = function() {
    console.log(outerVar);  // inner function can access outer function's variable
  };
  
  inner();  // calling inner function
};
outer();

এখানে inner ফাংশন outer ফাংশনের ভেরিয়েবল outerVar অ্যাক্সেস করতে পারছে, যদিও outer ফাংশনটির এক্সিকিউশন শেষ হয়ে গেছে। এটি ক্লোজারের একটি উদাহরণ।

Closure এবং Scope ব্যবহার

CoffeeScript-এ closures মূলত পছন্দসই স্কোপে থাকা ভেরিয়েবলগুলি এক্সেস করার জন্য ব্যবহৃত হয়, যা কোডকে আরও কার্যকর এবং ফাংশনাল করে তোলে। এখানে একটি ক্লোজার ব্যবহার করার আরেকটি উদাহরণ দেখানো হলো:

উদাহরণ: Closure ব্যবহার করে কাউন্টার

counter = ->
  count = 0  # 'count' একটি লোকাল ভেরিয়েবল
  return ->
    count += 1
    return count

increment = counter()
console.log increment()  # 1
console.log increment()  # 2
console.log increment()  # 3

JavaScript-এ কম্পাইল হওয়া:

var counter, increment;

counter = function() {
  var count;

  count = 0;

  return function() {
    count += 1;
    return count;
  };
};

increment = counter();
console.log(increment());  // 1
console.log(increment());  // 2
console.log(increment());  // 3

এখানে, increment ফাংশনটি counter ফাংশনটির ভেরিয়েবল count অ্যাক্সেস করতে সক্ষম, এমনকি যখন counter ফাংশনটির এক্সিকিউশন শেষ হয়ে যায়।

সারাংশ

• Scope CoffeeScript-এ দুই ধরনের হয়ে থাকে: Global Scope এবং Local Scope। ভেরিয়েবল বা ফাংশনগুলো কোথায় অ্যাক্সেসযোগ্য থাকবে তা নির্ধারণ করে।
• Closures হল একটি ফাংশন যা অন্য ফাংশনের স্কোপের ভেরিয়েবল অ্যাক্সেস করতে পারে, এমনকি বাইরের ফাংশন এক্সিকিউশন শেষ হয়ে যাওয়ার পরেও। এটি কোডকে আরও শক্তিশালী এবং কার্যকরী করে তোলে, বিশেষ করে যখন কোনো ভেরিয়েবল একাধিক ফাংশন দ্বারা ব্যবহৃত হতে পারে।

CoffeeScript-এ স্কোপ এবং ক্লোজারের ধারণাগুলো JavaScript-এর মতোই কাজ করে, তবে CoffeeScript কোড সাধারণত আরও সংক্ষিপ্ত ও পরিষ্কার।

CoffeeScript-এ Scope হল সেই সীমানা যেখানে ভেরিয়েবল এবং ফাংশন অ্যাক্সেস করা যায়। এটি JavaScript-এর মতোই, যেখানে ভেরিয়েবলগুলি Global Scope বা Local Scope তে থাকতে পারে। CoffeeScript-এ ভেরিয়েবল ঘোষণার সময়, আপনি এই Scope এর সাথে সম্পর্কিত কিছু নিয়ম অনুসরণ করবেন।

Scope এর ধরণ

1. Global Scope
2. Local Scope

১. Global Scope

Global Scope এমন একটি Scope যেখানে ভেরিয়েবল বা ফাংশন সব জায়গায় অ্যাক্সেস করা যায়, অর্থাৎ কোডের যেকোনো স্থানে সেই ভেরিয়েবল বা ফাংশন ব্যবহার করা সম্ভব।

উদাহরণ: Global Scope

x = 10  # Global variable

add = (a, b) -> a + b  # Global function

console.log x  # 10
console.log add(5, 3)  # 8

এখানে, x এবং add পুরো প্রোগ্রাম জুড়ে অ্যাক্সেসযোগ্য। আপনি যদি অন্য কোনো কোড ব্লকেও x বা add ব্যবহার করেন, সেগুলি একই মান বা আচরণ প্রদর্শন করবে।

কম্পাইল হওয়া JavaScript:

var x, add;

x = 10;

add = function(a, b) {
  return a + b;
};

console.log(x);  // 10
console.log(add(5, 3));  // 8

এখানে, x এবং add দুটি গ্লোবাল ভেরিয়েবল হিসেবে কাজ করছে এবং যেকোনো স্থান থেকে অ্যাক্সেস করা যাচ্ছে।

২. Local Scope

Local Scope এমন একটি Scope যেখানে ভেরিয়েবল বা ফাংশন শুধুমাত্র নির্দিষ্ট ব্লক বা ফাংশনের মধ্যে কার্যকর। যেসব ভেরিয়েবল বা ফাংশন নির্দিষ্ট ব্লক বা ফাংশনে ঘোষণা করা হয়, তারা শুধুমাত্র সেই ব্লক বা ফাংশনের ভিতরেই অ্যাক্সেসযোগ্য।

উদাহরণ: Local Scope

add = (a, b) ->
  sum = a + b  # Local variable
  console.log sum
  return sum

add(5, 3)
console.log sum  # Error: sum is not defined outside the function

এখানে, sum একটি Local variable এবং এটি শুধুমাত্র add ফাংশনের মধ্যে অ্যাক্সেসযোগ্য। বাইরের কোড ব্লকে sum অ্যাক্সেস করতে গেলে ত্রুটি হবে, কারণ এটি লোকার স্কোপে আছে।

কম্পাইল হওয়া JavaScript:

var add;

add = function(a, b) {
  var sum;
  sum = a + b;
  console.log(sum);
  return sum;
};

add(5, 3);
console.log(sum);  // Error: sum is not defined outside the function

এখানে, sum শুধু add ফাংশনের ভিতরেই স্কোপড, বাইরের কোডে এটি অ্যাক্সেসযোগ্য নয়।

Scope এর গুরুত্ব

1. Encapsulation: Local scope এর মাধ্যমে আপনি কোডের ভিতরে থাকা ভেরিয়েবল বা ফাংশনকে বাইরের প্রোগ্রাম থেকে লুকিয়ে রাখতে পারেন। এটি কোডকে নিরাপদ এবং নিরাপদ রাখে।
2. Memory Management: Local variables কেবলমাত্র ফাংশন বা ব্লক শেষে ডিলিট হয়ে যায়, যা মেমরি ব্যবস্থাপনাকে উন্নত করে।
3. Avoiding Conflicts: গ্লোবাল স্কোপে ভেরিয়েবল বা ফাংশন ডিক্লারেশন করলে সেখানে কনফ্লিক্ট বা ওভাররাইট হতে পারে। Local scope ব্যবহারে এটি এড়ানো যায়।

CoffeeScript-এ Scope এবং @ ব্যবহার

CoffeeScript-এ @ ব্যবহার করা হয় ভেরিয়েবল এবং ফাংশনগুলোর this রেফারেন্স তৈরি করতে। এটি সাধারণত object-oriented কোডে ব্যবহার করা হয় এবং গ্লোবাল ও লোকার স্কোপে ভিন্নভাবে কাজ করে।

উদাহরণ: Local Scope and @ (this) Usage

Person = ->
  @name = "John"  # this.name
  @greet = ->
    console.log "Hello, #{@name}"

p = new Person()
p.greet()  # Hello, John

এখানে @name এবং @greet উভয়ই Local Scope এর মধ্যে অ্যাক্সেসযোগ্য, কারণ তারা Person ক্লাসের অভ্যন্তরে ঘোষণা করা হয়েছে এবং this এর সাহায্যে অ্যাক্সেস করা হয়েছে।

কম্পাইল হওয়া JavaScript:

var Person, p;

Person = function() {
  this.name = "John";  // this.name
  this.greet = function() {
    return console.log("Hello, " + this.name);
  };
};

p = new Person();
p.greet();  // Hello, John

Global Scope এবং Local Scope এর মধ্যে পার্থক্য

সারাংশ

CoffeeScript-এ Scope হল এমন একটি ধারণা যা নির্ধারণ করে কোথায় ভেরিয়েবল এবং ফাংশনগুলি অ্যাক্সেসযোগ্য হবে। Global Scope মানে কোডের যেকোনো স্থানে একটি ভেরিয়েবল বা ফাংশন অ্যাক্সেস করা যায়, আর Local Scope মানে একটি নির্দিষ্ট ব্লক বা ফাংশনের মধ্যে তা সীমাবদ্ধ থাকে। Local Scope ব্যবহারের মাধ্যমে কোডের গঠন উন্নত হয় এবং Global Scope ব্যবহারের মাধ্যমে কোডের পুনঃব্যবহারযোগ্যতা বাড়ানো যায়। CoffeeScript-এ এই ধারণাগুলো JavaScript-এর মতোই কাজ করে, তবে কোড আরও পরিষ্কার এবং পঠনযোগ্য করে তোলে।

CoffeeScript, JavaScript-এর মতোই, scope বা পর্দা ধারণা সমর্থন করে। এটি বুঝতে সাহায্য করে ভেরিয়েবলগুলোর প্রাপ্যতা কোথায় এবং কিভাবে ব্যবহৃত হবে। CoffeeScript-এ function scope এবং block scope দুটি গুরুত্বপূর্ণ ধারণা রয়েছে, এবং এগুলোর মধ্যে পার্থক্য বোঝা গুরুত্বপূর্ণ।

১. Function Scope (ফাংশন স্কোপ)

Function scope হলো সেই পরিসর যেখানে একটি ফাংশনের ভেতরে ডিক্লেয়ার করা ভেরিয়েবল শুধুমাত্র ফাংশনের ভেতরেই প্রাপ্য থাকে। অর্থাৎ, যদি কোনো ভেরিয়েবল ফাংশনের মধ্যে ডিক্লেয়ার করা হয়, তবে তা শুধুমাত্র সেই ফাংশনটির মধ্যে ব্যবহৃত হতে পারে এবং ফাংশনটির বাইরের কোডে অ্যাক্সেস করা সম্ভব নয়।

উদাহরণ: Function Scope

myFunction = ->
  x = 10
  console.log x  # আউটপুট: 10

myFunction()
console.log x  # ত্রুটি: x is not defined

ব্যাখ্যা:

• x ফাংশনের ভেতরে ডিক্লেয়ার করা হয়েছে, তাই এটি শুধুমাত্র myFunction ফাংশনের মধ্যে ব্যবহারযোগ্য।
• ফাংশনটি বাইরে x অ্যাক্সেস করার চেষ্টা করলে ত্রুটি হবে।

JavaScript-এ কম্পাইল হওয়া কোড:

var myFunction;
myFunction = function() {
  var x;
  x = 10;
  return console.log(x);
};

myFunction();
console.log(x);  // Error: x is not defined

২. Block Scope (ব্লক স্কোপ)

Block scope হলো একটি ভেরিয়েবল যেটি একটি কোড ব্লকের মধ্যে ডিক্লেয়ার করা হয়, যেমন একটি if স্টেটমেন্ট, for লুপ বা অন্য কোনো ব্লক। let বা const ব্যবহারের মাধ্যমে আপনি ব্লক স্কোপ তৈরি করতে পারেন, কিন্তু CoffeeScript-এ সাধারণভাবে let ব্যবহার করতে হয় না, কারণ এটি JavaScript এর ES6 ফিচার। তবে CoffeeScript স্বয়ংক্রিয়ভাবে let বা const ব্যবহার করে ব্লক স্কোপ পরিচালনা করে।

উদাহরণ: Block Scope

if true
  x = 10
  console.log x  # আউটপুট: 10

console.log x  # ত্রুটি: x is not defined

ব্যাখ্যা:

• x ব্লকের ভিতরে ডিক্লেয়ার করা হয়েছে, তাই এটি শুধুমাত্র if ব্লক এর ভেতরেই প্রাপ্য।
• বাইরে x অ্যাক্সেস করার চেষ্টা করলে ত্রুটি হবে।

JavaScript-এ কম্পাইল হওয়া কোড:

if (true) {
  var x;
  x = 10;
  console.log(x);
}

console.log(x);  // Error: x is not defined

৩. Function Scope এবং Block Scope এর মধ্যে পার্থক্য

৪. CoffeeScript-এ let এবং const ব্যবহার

CoffeeScript-এর সর্বশেষ সংস্করণে, আপনি ব্লক স্কোপ তৈরি করার জন্য let এবং const ব্যবহার করতে পারেন। এটি JavaScript-এ ব্যবহৃত একই ভাবে কাজ করে, যেখানে ভেরিয়েবল শুধুমাত্র ব্লকের মধ্যে প্রাপ্য থাকে।

উদাহরণ: let এবং const এর ব্যবহার

if true
  let x = 10
  const y = 20
  console.log x  # আউটপুট: 10
  console.log y  # আউটপুট: 20

console.log x  # ত্রুটি: x is not defined
console.log y  # ত্রুটি: y is not defined

ব্যাখ্যা:

• x এবং y ব্লকের ভিতরে ডিক্লেয়ার করা হয়েছে এবং ব্লকের বাইরে অ্যাক্সেস করা যাবে না।
• let এবং const ভেরিয়েবলগুলি ব্লক স্কোপ তৈরি করতে সহায়ক।

সারাংশ

CoffeeScript-এ function scope এবং block scope দুটি গুরুত্বপূর্ণ ধারণা। function scope একটি ভেরিয়েবলকে শুধুমাত্র ফাংশনের মধ্যে প্রাপ্য রাখে, যখন block scope একটি ভেরিয়েবলকে একটি নির্দিষ্ট ব্লকের মধ্যে সীমাবদ্ধ করে। CoffeeScript-এ let এবং const ব্যবহার করে আপনি ব্লক স্কোপ পরিচালনা করতে পারেন, যা কোডের পাঠযোগ্যতা এবং স্থায়িত্ব বাড়ায়।

Closure একটি ফাংশন এবং তার লেক্সিকাল স্কোপের সংমিশ্রণ, যা ফাংশনটি যখন কল করা হয় তখন তার চারপাশের ভেরিয়েবল এবং মান অ্যাক্সেস করতে পারে। CoffeeScript-এ closures-এর ব্যবহার JavaScript-এর মতোই, কিন্তু কোডটি অনেক সহজ এবং সংক্ষিপ্ত হয়ে থাকে। এখানে CoffeeScript-এ closures ব্যবহার করার উপায় এবং উদাহরণ তুলে ধরা হলো।

Closure কী?

Closure এমন একটি ফাংশন যা তার নিজের লেক্সিকাল স্কোপ (outer function scope) থেকে ভেরিয়েবল এবং মানগুলোকে স্মৃতি রাখে, এমনকি যখন তার বাইরের ফাংশনটি এক্সিকিউট করা হয়ে যায়।

JavaScript-এ closures সাধারণত ফাংশন ডিক্লারেশন এবং ফাংশন রিটার্ন করার সময় ব্যবহৃত হয়। CoffeeScript-এ এটি আরও সহজ এবং সংক্ষিপ্ত হয়।

CoffeeScript-এ Closure উদাহরণ

উদাহরণ ১: সহজ Closure

makeCounter = ->
  count = 0
  increment = ->
    count += 1
    return count
  increment
counter = makeCounter()

console.log counter()  # 1
console.log counter()  # 2
console.log counter()  # 3

ব্যাখ্যা:

• এখানে makeCounter একটি ফাংশন যা অন্য একটি ফাংশন increment রিটার্ন করে।
• increment ফাংশনটি count ভেরিয়েবলটিকে অ্যাক্সেস করতে পারে, যা makeCounter ফাংশনের স্কোপের মধ্যে রয়েছে।
• counter একটি closure, কারণ এটি increment ফাংশনটি রিটার্ন করেছে এবং তার বাইরের count ভেরিয়েবলটিকে স্মৃতি রেখেছে।
• যতবার counter() কল করা হয়, count ভেরিয়েবলটি বাড়ানো হয়, যা একটি closure হওয়ার ফলস্বরূপ।

JavaScript-এ কম্পাইল হওয়া কোড:

var counter, increment, makeCounter;

makeCounter = function() {
  var count;
  count = 0;
  increment = function() {
    count += 1;
    return count;
  };
  return increment;
};
counter = makeCounter();

console.log(counter());  // 1
console.log(counter());  // 2
console.log(counter());  // 3

Closure এর সুবিধা

1. ডেটা ইনক্যাপসুলেশন: Closure-এ বাইরের ফাংশনের ভেরিয়েবল গুলো শুধুমাত্র ভিতরের ফাংশনের মাধ্যমে অ্যাক্সেস করা যায়, যা ডেটা ইনক্যাপসুলেশন নিশ্চিত করে।
2. স্টেটফুল ফাংশন: Closure এর মাধ্যমে আপনি একটি ফাংশন তৈরি করতে পারেন যা স্টেট ধারণ করে। উদাহরণস্বরূপ, কাউন্টার ফাংশন বা মেমোইজেশন।
3. ফাংশন রিটার্নিং: Closure ব্যবহার করে আপনি একটি ফাংশন রিটার্ন করতে পারেন যা তার আউটারে থাকা ভেরিয়েবলকে অ্যাক্সেস করতে পারে।

CoffeeScript-এ আরেকটি Closure উদাহরণ

উদাহরণ ২: মেমোইজেশন (Memoization)

memoize = (fn) ->
  cache = {}
  (x) ->
    return cache[x] if cache[x]
    result = fn(x)
    cache[x] = result
    result

expensiveFunction = (x) -> 
  console.log "Calculating..."
  x * 2

cachedFunction = memoize(expensiveFunction)

console.log cachedFunction(5)  # "Calculating..." 10
console.log cachedFunction(5)  # 10 (no "Calculating..." printed)

ব্যাখ্যা:

• memoize একটি closure যা একটি ফাংশন fn গ্রহণ করে এবং সেই ফাংশনটির আউটপুট ক্যাশে করে রাখে।
• প্রথমবার cachedFunction(5) কল করলে এটি "Calculating..." প্রিন্ট করবে এবং ফলাফল ক্যাশে রেখে দিবে।
• পরবর্তীতে cachedFunction(5) কল করার সময় ক্যাশ থেকে মানটি সরাসরি রিটার্ন হবে, ফলে "Calculating..." আর প্রিন্ট হবে না।

JavaScript-এ কম্পাইল হওয়া কোড:

var cachedFunction, expensiveFunction, memoize;

memoize = function(fn) {
  var cache;
  cache = {};
  return function(x) {
    if (cache[x]) {
      return cache[x];
    }
    var result;
    result = fn(x);
    cache[x] = result;
    return result;
  };
};

expensiveFunction = function(x) {
  console.log("Calculating...");
  return x * 2;
};

cachedFunction = memoize(expensiveFunction);

console.log(cachedFunction(5));  // "Calculating..." 10
console.log(cachedFunction(5));  // 10 (no "Calculating..." printed)

Closure এর অন্যান্য ব্যবহার

1. স্টেটফুল ফাংশন তৈরি করা: যেমন কাউন্টার ফাংশন, যেখানে ভেরিয়েবলটি প্রতিবার ফাংশন কলের সাথে বাড়ানো হয়।
2. ডেটা এনক্যাপসুলেশন: ক্লোজারের মাধ্যমে আপনি বাইরের কোড থেকে ডেটা গোপন রাখতে পারেন।
3. কার্বন কপি তৈরি করা: যেখানে একাধিক ফাংশন একে অপরের উপর নির্ভর করে এবং বিভিন্ন প্যারামিটার বা পরিস্থিতিতে পুনঃব্যবহার করা যায়।

সারাংশ

CoffeeScript-এ closures ব্যবহার করা JavaScript এর মতোই সহজ এবং কার্যকরী। এটি স্টেটফুল ফাংশন তৈরি করতে সহায়ক, যেমন কাউন্টার বা মেমোইজেশন, এবং ডেটা এনক্যাপসুলেশন নিশ্চিত করে। closures CoffeeScript-এ কোডের পুনঃব্যবহারযোগ্যতা এবং কার্যকারিতা বাড়াতে সাহায্য করে।

Variable Hoisting এবং Variable Shadowing দুটি গুরুত্বপূর্ণ কনসেপ্ট যা JavaScript এবং CoffeeScript-এ কোড লেখার সময় গুরুত্বপূর্ণ ভূমিকা পালন করে। এখানে আমরা CoffeeScript-এ এই দুটি কনসেপ্ট কীভাবে কাজ করে তা বিস্তারিতভাবে আলোচনা করবো।

1. Variable Hoisting (ভেরিয়েবল হোইস্টিং)

Hoisting হচ্ছে JavaScript-এর একটি বৈশিষ্ট্য যেখানে ফাংশন বা স্কোপের শীর্ষে থাকা ভেরিয়েবল এবং ফাংশন ডিক্লারেশনগুলো স্বয়ংক্রিয়ভাবে উপরে তুলে নেওয়া হয়, এর মানে হচ্ছে, তারা ডিক্লারেশন হওয়ার আগে ব্যবহার করা যায়।

CoffeeScript-এ Variable Hoisting

CoffeeScript-এ JavaScript-এর মতোই hoisting ঘটে, তবে CoffeeScript-এর সিনট্যাক্স কিছুটা ভিন্ন। CoffeeScript-এ যেহেতু ভেরিয়েবল ডিক্লারেশন সরাসরি করা হয়, তাই স্কোপের শীর্ষে তাদের var বা let নির্দেশিকা ছাড়াই পৌঁছানো হয়।

যেমন:

console.log name  # undefined হবে
name = "CoffeeScript"

এখানে, CoffeeScript কোডটি JavaScript-এ রূপান্তরিত হলে:

console.log(name);  // undefined হবে
var name = "CoffeeScript";

এটি JavaScript-এর hoisting এর মতোই কাজ করে, যেখানে ভেরিয়েবলটি শীর্ষে চলে যায় তবে তার মানটি ডিফাইন হয় না যতক্ষণ না কোডের সেই লাইনে পৌঁছানো হয়।

Hoisting এবং let/const:

যদি আপনি let বা const ব্যবহার করেন, তবে এটি JavaScript-এ ব্লক স্কোপ তৈরি করে এবং hoisting-এ TDZ (Temporal Dead Zone) তৈরি হয়। এর মানে হল যে আপনি ভেরিয়েবলটি তার ডিক্লারেশনের আগে অ্যাক্সেস করতে পারবেন না।

console.log name  # ত্রুটি হবে: Cannot access 'name' before initialization
let name = "CoffeeScript"

এটি JavaScript-এ এইভাবে রূপান্তরিত হবে:

console.log(name);  // ত্রুটি হবে: Cannot access 'name' before initialization
let name = "CoffeeScript";

2. Variable Shadowing (ভেরিয়েবল শ্যাডোইং)

Variable Shadowing তখন ঘটে যখন একটি ভেরিয়েবল একটি নতুন স্কোপে আবার ডিক্লার করা হয়, যা আগের স্কোপে থাকা একই নামের ভেরিয়েবলকে "ঢেকে" ফেলে। CoffeeScript-এও আপনি একই নামের ভেরিয়েবল ব্যবহার করে স্কোপের মধ্যে ভেরিয়েবল শ্যাডো করতে পারেন।

CoffeeScript-এ Variable Shadowing

name = "Global"
console.log name  # "Global" হবে

doSomething = ->
  name = "Local"
  console.log name  # "Local" হবে

doSomething()
console.log name  # "Global" হবে

এখানে, name ভেরিয়েবলটি প্রথমে গ্লোবাল স্কোপে ডিক্লার করা হয়েছে এবং তারপর ফাংশন স্কোপে আবার ডিক্লার করা হয়েছে। ফাংশনের ভিতরে name এর মান Local হবে, কিন্তু ফাংশনের বাইরে name এর মান Global থাকবে।

JavaScript-এ কম্পাইল হওয়া কোড:

var name;

name = "Global";
console.log(name);  // "Global"

doSomething = function() {
  var name;

  name = "Local";
  return console.log(name);  // "Local"
};

doSomething();
console.log(name);  // "Global"

এখানে name ভেরিয়েবলটি ফাংশন স্কোপে শ্যাডো করা হয়েছে, এবং বাইরে থাকা name ভেরিয়েবলটি অপরিবর্তিত রয়েছে।

CoffeeScript-এ Variable Hoisting এবং Shadowing এর প্রভাব

1. Hoisting: CoffeeScript-এ hoisting ঠিক JavaScript-এর মতোই কাজ করে, তবে কোডটি আরও পরিষ্কার হয় কারণ CoffeeScript-এ var, let, বা const ব্যবহার করার প্রয়োজন নেই। এর ফলে কোড আরো সংক্ষিপ্ত হয়, তবে আপনি যদি let বা const ব্যবহার করেন তবে TDZ (Temporal Dead Zone) থেকে সুরক্ষিত থাকবেন।
2. Shadowing: CoffeeScript-এ একই নামের ভেরিয়েবলকে ভিন্ন স্কোপে ডিফাইন করার মাধ্যমে shadowing হতে পারে। এটি JavaScript এর মতো একইভাবে কাজ করে। আপনি যখন একটি নতুন স্কোপে একই নামের ভেরিয়েবল ডিফাইন করেন, এটি আগের স্কোপে থাকা ভেরিয়েবলকে "ঢেকে" ফেলে।

সারাংশ

• Hoisting: CoffeeScript-এ JavaScript-এর মতোই ভেরিয়েবল হোইস্টিং ঘটে। তবে let বা const ব্যবহার করলে TDZ প্রভাবিত হতে পারে, যা ভেরিয়েবলকে ডিফাইন হওয়ার আগে অ্যাক্সেস করতে বাধা দেয়।
• Shadowing: CoffeeScript-এ ভেরিয়েবল শ্যাডোইং JavaScript-এর মতো কাজ করে। নতুন স্কোপে একই নামের ভেরিয়েবল ব্যবহার করলে আগের স্কোপের ভেরিয়েবলটি শ্যাডো হয়।

CoffeeScript-এর এই বৈশিষ্ট্যগুলো JavaScript-এ কোড লেখার সময় হওয়া ত্রুটি এবং সমস্যা সমাধানে সহায়ক হতে পারে।