Skip to main content

Command Palette

Search for a command to run...

JavaScript Functions

Published
3 min read
JavaScript Functions

JavaScript-এ Function হলো কোডের একটি ব্লক যা একটি নির্দিষ্ট কাজ সম্পাদনের জন্য ব্যবহৃত হয়। Function আমাদের কোডকে পুনঃব্যবহারযোগ্য, পরিষ্কার এবং সহজ করে তোলে। আসুন জানি JavaScript-এ Functions কিভাবে কাজ করে এবং এর বিভিন্ন ধরণ কী কী।


১. Function Declaration (ফাংশন ডিক্লারেশন)

Function Declaration হলো একটি ফাংশন তৈরি করার মূল পদ্ধতি। এখানে আমরা একটি নামসহ ফাংশন ডিফাইন করি।

Syntax:

function functionName(parameters) {
    // কোড ব্লক
}

উদাহরণ:

function greet() {
    console.log("হ্যালো, কেমন আছো?");
}

greet(); // হ্যালো, কেমন আছো?

বৈশিষ্ট্য:

  • Function Declaration হোইস্টিং হয়। অর্থাৎ, ফাংশনটি ডিক্লারেশনের আগে কল করা যায়।
sayHello(); // হ্যালো!
function sayHello() {
    console.log("হ্যালো!");
}

২. Function Expression (ফাংশন এক্সপ্রেশন)

Function Expression হলো একটি ফাংশনকে একটি ভেরিয়েবল এ অ্যাসাইন করা। এখানে ফাংশনের নাম ঐচ্ছিক।

Syntax:

const functionName = function(parameters) {
    // কোড ব্লক
};

উদাহরণ:

const greet = function() {
    console.log("হ্যালো, বন্ধু!");
};

greet(); // হ্যালো, বন্ধু!

বৈশিষ্ট্য:

  • Function Expression হোইস্টিং হয় না। অর্থাৎ, ফাংশনকে কল করার আগে ডিফাইন করতে হবে।
greet(); // Error: Cannot access 'greet' before initialization
const greet = function() {
    console.log("হ্যালো!");
};

৩. Arrow Functions (অ্যারো ফাংশন)

Arrow Functions ES6-এ পরিচিত হয়েছে। এটি সংক্ষিপ্তভাবে ফাংশন লিখার জন্য ব্যবহৃত হয়।

Syntax:

const functionName = (parameters) => {
    // কোড ব্লক
};

উদাহরণ:

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

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

সংক্ষিপ্ত রূপ (Single Expression):

const multiply = (a, b) => a * b;
console.log(multiply(4, 6)); // 24

বৈশিষ্ট্য:

  • this কিওয়ার্ড Arrow Function এ ভিন্নভাবে কাজ করে।

  • এক লাইনের জন্য return লিখার প্রয়োজন হয় না।

৪. Parameters (প্যারামিটার)

Parameters হলো ফাংশনের ইনপুট। এগুলো ব্যবহার করে ফাংশন বিভিন্ন ডেটা প্রসেস করতে পারে।

উদাহরণ:

function greet(name) {
    console.log("হ্যালো, " + name + "!");
}

greet("মোহাম্মদ"); // হ্যালো, মোহাম্মদ!
greet("আলি");      // হ্যালো, আলি!

ডিফল্ট প্যারামিটার:

function greet(name = "বন্ধু") {
    console.log("হ্যালো, " + name + "!");
}

greet(); // হ্যালো, বন্ধু!

৫. Return Statement (ফাংশন রিটার্ন)

Return হলো ফাংশনের ফলাফল ফেরত দেয়ার উপায়। এটি ব্যবহার না করলে ফাংশন undefined রিটার্ন করবে।

উদাহরণ:

function square(number) {
    return number * number;
}

const result = square(5);
console.log(result); // 25

Arrow Function এ Return:

const divide = (a, b) => a / b;
console.log(divide(10, 2)); // 5

৬. Function-এর গুরুত্বপূর্ণ বৈশিষ্ট্য

  1. Reusable: একবার লিখে বারবার ব্যবহার করা যায়।

  2. Modular: কোডকে ছোট ছোট অংশে ভাগ করে সহজ করা যায়।

  3. Maintainable: কোড পড়া ও পরিবর্তন করা সহজ হয়।

JavaScript-এ Functions হলো একটি শক্তিশালী টুল যা আমাদের কোডকে পরিষ্কার, পুনঃব্যবহারযোগ্য এবং সহজ করে। আপনি চাইলে Function Declaration, Function Expression, এবং Arrow Function যেকোনো ধরণ ব্যবহার করতে পারেন আপনার কাজের প্রয়োজনে। প্যারামিটার এবং রিটার্ন স্টেটমেন্ট ব্যবহার করে ফাংশন আরও শক্তিশালী এবং ডায়নামিক করা সম্ভব।

ফাংশন শেখার মাধ্যমে আপনি JavaScript-এ আরও দক্ষ এবং দক্ষতার সাথে কোড লিখতে পারবেন।

2 views

More from this blog

FilamentPHP কী এবং কেন ব্যবহার করবেন?

Laravel দিয়ে ওয়েব অ্যাপ্লিকেশন তৈরি করা আজকাল অনেক সহজ। কিন্তু একটা জায়গায় ডেভেলপারদের এখনও বেশ সময় লাগে—Admin Panel বা Backend Dashboard তৈরি করা। এই কাজটা সাধারণত repetitive, time-consuming এবং অনেক

Jun 16, 20263 min read8
FilamentPHP কী এবং কেন ব্যবহার করবেন?

JavaScript এ Error Handling

JavaScript একটি শক্তিশালী প্রোগ্রামিং ভাষা, যা ওয়েব ব্রাউজারে এবং সার্ভার-সাইড (Node.js) উভয় জায়গায় ব্যবহৃত হয়। তবে কোড লেখার সময় প্রায়ই আমরা এমন পরিস্থিতির সম্মুখীন হই যেখানে কোনো ভুল বা exception ঘটে। এই ধরনের সমস্যাগুলোকে আমরা Error Handlin...

Sep 30, 20254 min read11
JavaScript এ Error Handling

Local Storage এবং Session Storage

ওয়েব ডেভেলপমেন্টে কাজ করার সময় প্রায়ই আমাদের দরকার হয় ব্রাউজারে ব্যবহারকারীর কিছু ডেটা সাময়িকভাবে সংরক্ষণ করার। যেমন – ব্যবহারকারীর নাম, থিম সেটিংস, লগইন টোকেন, কার্টে রাখা পণ্য ইত্যাদি। এই কাজটি করার জন্য আগে আমরা সাধারণত Cookies ব্যবহার করতাম। তবে ...

Sep 30, 20254 min read4
Local Storage এবং Session Storage

JSON (Parse, Stringify)

ওয়েব ডেভেলপমেন্টে কাজ করতে গেলে ডেটা আদান-প্রদান, সংরক্ষণ এবং ব্যবস্থাপনা করা অত্যন্ত জরুরি। এই ক্ষেত্রে সবচেয়ে জনপ্রিয় এবং বহুল ব্যবহৃত একটি ফরম্যাট হলো JSON। জাভাস্ক্রিপ্টে JSON কাজ করে অত্যন্ত সহজভাবে, বিশেষ করে যখন আমরা JSON.parse() এবং JSON.stri...

Sep 29, 20254 min read2
JSON (Parse, Stringify)

JavaScript Date & Time

সময়কে প্রোগ্রামিংয়ের মধ্যে সঠিকভাবে ব্যবহার করা খুব গুরুত্বপূর্ণ। অনেক ক্ষেত্রে আমাদের তারিখ (Date) এবং সময় (Time) নিয়ে কাজ করতে হয়, যেমন – কোনো ওয়েব অ্যাপে ইউজারের লগইন সময় দেখানো, অর্ডারের ডেলিভারি তারিখ ট্র্যাক করা, বা একটি ইভেন্টের কাউন্টডাউন তৈর...

Sep 28, 20253 min read
JavaScript Date & Time
S

SliceTech

86 posts

Sharing basic web development tutorials.