Jassif Team Institution

What is a Function Expression?

জাভাস্ক্রিপ্ট ফাংশনfunctionকীওয়ার্ড দিয়ে সংজ্ঞায়িত করা হয়

একটি জাভাস্ক্রিপ্ট ফাংশন একটি কার্যকরী অভিব্যক্তি হিসাবে সংজ্ঞায়িত করা যেতে পারে।

ককার্যকরী অভিব্যক্তিএকটি ভেরিয়েবলে সংরক্ষিত একটি ফাংশন।

const x = function (a, b) { return a * b };

একটি ফাংশন এক্সপ্রেশন একটি ভেরিয়েবলে সংরক্ষণ করার পরে, ভেরিয়েবলটি একটি ফাংশন হিসাবে ব্যবহার করা যেতে পারে:

const multiply = function (a, b) { return a * b };

let z = multiply(4, 3);
console.log(z);  // 12

বেনামী অপারেশন

উপরের ফাংশনটি আসলে aবেনামী ফাংশন(নামহীন ফাংশন)।

ভেরিয়েবলে সংরক্ষিত ফাংশনের জন্য ফাংশন নামের প্রয়োজন হয় না।

const sayHello = function() {
    return "Hello World";
};

console.log(sayHello());  // "Hello World"

ভেরিয়েবল নাম ফাংশন কল করতে ব্যবহার করা হয়.

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

কার্যকরী অভিব্যক্তি সেমিকোলন ব্যবহার করে

একটি ফাংশন এক্সপ্রেশন সাধারণত একটি বিবৃতি হয়।

তাই এটি সাধারণত একটি সেমিকোলন দিয়ে শেষ হয়।

const add = function(a, b) { ফেরত a + b; }; // ← সেমিকোলন

// ফাংশন সংজ্ঞা - কোন সেমিকোলন প্রয়োজন নেই ফাংশন যোগ(a, b) { ফেরত a + b; } // ফাংশন এক্সপ্রেশন - সেমিকোলন প্রয়োজন const multiply = function(a, b) { ফেরত a * b; };

ভেরিয়েবলে সংরক্ষিত ফাংশন

যেহেতু একটি ফাংশন এক্সপ্রেশন একটি ভেরিয়েবলের মধ্যে সংরক্ষণ করা হয়, এটি একটি মান হিসাবে ব্যবহার করা যেতে পারে।

অন্যান্য ফাংশন (কলব্যাক) ফাংশন পাস করার সময় এটি দরকারী।

function run(fn) {
    return fn();
}

const sayHello = function() {
    return "Hello";
};

let result = run(sayHello);
console.log(result);  // "Hello"

একটি ফাংশন এক্সপ্রেশন একটি ভেরিয়েবলকে বরাদ্দ করা যেতে পারে, অন্য ফাংশনে একটি আর্গুমেন্ট হিসাবে পাস করা যেতে পারে, বা একটি ফাংশন থেকে ফিরে আসতে পারে।

// 1. ভেরিয়েবলে ফাংশন বরাদ্দ করুন const greet = function(name) { ফেরত `হ্যালো, ${name}!`; }; // 2. আর্গুমেন্ট হিসাবে ফাংশন পাসিং ফাংশন প্রক্রিয়া ব্যবহারকারী (কলব্যাক) { let user = { নাম: "জন", বয়স: 30}; ফিরে কলব্যাক (ব্যবহারকারী); } const getUserInfo = ফাংশন(ব্যবহারকারী) { রিটার্ন `${user.name} হল ${user.age} বছর বয়সী`; }; console.log(processUser(getUserInfo)); // "জন 30 বছর বয়সী" // 3. রিটার্ন ফাংশন ফাংশন createMultiplier(ফ্যাক্টর) { রিটার্ন ফাংশন (সংখ্যা) { রিটার্ন নম্বর * ফ্যাক্টর; }; } const double = createMultiplier(2); const triple = createMultiplier(3); console.log(ডবল(5)); // 10 console.log(ট্রিপল(5)); // 15

ফাংশন বনাম ফাংশন এক্সপ্রেশন

জাভাস্ক্রিপ্ট ফাংশনfunctionকীওয়ার্ড দিয়ে সংজ্ঞায়িত করা হয়

জাভাস্ক্রিপ্ট ফাংশন বিভিন্ন উপায়ে সংজ্ঞায়িত করা যেতে পারে।

জাভাস্ক্রিপ্টে, ফাংশন ঘোষণা এবং ফাংশন এক্সপ্রেশনগুলি ফাংশন সংজ্ঞায়িত করার বিভিন্ন উপায়, তাদের বিভিন্ন সিনট্যাক্স এবং কীভাবে সেগুলি পরিচালনা করা হয়:

মাথার উপরে তোলা

// এটা কাজ করবে যাক যোগফল = যোগ করুন(2, 3); // 5 ফাংশন যোগ(a, b) { ফেরত a + b; }

// এটি একটি ত্রুটি তৈরি করবে যাক যোগফল = যোগ করুন(2, 3); // ⛔ ত্রুটি! const add = function(a, b) { ফেরত a + b; };

// এটি একটি ত্রুটি তৈরি করবে console.log(greet("জন")); // রেফারেন্স ত্রুটি const greet = function(name) { ফেরত `হ্যালো, ${name}!`; }; // এটা কাজ করবে console.log(greet("জন")); // "হ্যালো, জন!" const greet = function(name) { ফেরত `হ্যালো, ${name}!`; };

মূল পার্থক্য

প্রতিটি কখন ব্যবহার করবেন

// ফাংশন ঘোষণা ফাংশন calculateArea(প্রস্থ, উচ্চতা) { রিটার্ন প্রস্থ * উচ্চতা; } // যেকোনো জায়গায় ব্যবহার করা যাবে console.log(calculateArea(10, 5)); // 50

// ফাংশন এক্সপ্রেশন const greetUser = ফাংশন(নাম) { ফেরত `হ্যালো, ${name}!`; }; // একটি পরিবর্তনশীল হিসাবে ব্যবহার করুন console.log(greetUser("John")); // "হ্যালো, জন!"

// callback
button.addEventListener('click', function() {
    console.log('Button clicked!');
});

// event handler
document.addEventListener('DOMContentLoaded', function() {
    console.log('DOM is ready!');
});

পরে এই টিউটোরিয়ালে

ফাংশন এক্সপ্রেশনগুলি উচ্চ মাত্রার নমনীয়তা প্রদান করে এবং বিভিন্ন উদ্দেশ্যে জাভাস্ক্রিপ্টে ব্যাপকভাবে ব্যবহৃত হয় এবং আপনি নিম্নলিখিত অধ্যায়ে আরও ফাংশন এক্সপ্রেশন দেখতে পাবেন:

setTimeout(function() {
    console.log('3 seconds passed');
}, 3000);

function counter() {
    let count = 0;
    return function() {
        return ++count;
    };
}

const add = (a, b) => a + b;

(ফাংশন() { // ব্যক্তিগত সুযোগ })();

সাধারণ ভুল

// ত্রুটি: const add = function(a, b) { ফেরত a + b; } // সেমিকোলন নেই // ঠিক আছে: const add = function(a, b) { ফেরত a + b; }; // একটি সেমিকোলন আছে

// ত্রুটি: console.log(greet("জন")); // রেফারেন্স ত্রুটি const greet = function(name) { ফেরত `হ্যালো, ${name}!`; }; // ঠিক আছে: const greet = function(name) { ফেরত `হ্যালো, ${name}!`; }; console.log(greet("জন")); // "হ্যালো, জন!"

const sayHello = function() { "হ্যালো" ফেরত দিন; }; // ত্রুটি: let func = sayHello(); // func = "হ্যালো" (ফাংশনটি কল করে) // ঠিক আছে: let func = sayHello; // func = ফাংশন (ফাংশন বোঝায়)

// ত্রুটি: const multiply = ফাংশন বার(a, b) { ফেরত a * b; }; console.log(বার(2, 3)); // রেফারেন্স ত্রুটি: সময় সংজ্ঞায়িত করা হয় না // ঠিক আছে: const multiply = ফাংশন বার(a, b) { ফেরত a * b; }; console.log(গুণ করুন(2, 3)); // 6 (use variable name)

কার্যকরী অভিব্যক্তি অনুশীলন করুন

sayHelloএবংsayHello()মধ্যে পার্থক্য কি?

// ফাংশন এক্সপ্রেশন const sayHello = function() { "হ্যালো ওয়ার্ল্ড" ফেরত দিন; }; // রেফারেন্স - ফাংশন নিজেই প্রদান করে let funcReference = sayHello; console.log(funcReference); // ফাংশন() { রিটার্ন "হ্যালো ওয়ার্ল্ড"; } console.log(funcReference এর প্রকার); // "ফাংশন" // কলিং - ফাংশনটি কার্যকর করে এবং ফলাফল প্রদান করে let funcResult = sayHello(); console.log(funcResult); // "হ্যালো ওয়ার্ল্ড" console.log(funcResult এর প্রকার); // "স্ট্রিং"

// কলব্যাক: ফাংশনটি প্রেরণ করুন button.addEventListener('ক্লিক', সেহেলো); // অবিলম্বে কল: ফলাফল পান লেট greeting = sayHello();

পরবর্তী অধ্যায়