Jassif Team Institution

JavaScript Arrow Functions

তীর ফাংশন ES6 এ চালু করা হয়েছিল এবং সাধারণত আধুনিক জাভাস্ক্রিপ্টে ব্যবহৃত হয়।

তীর ফাংশন ফাংশন এক্সপ্রেশনের জন্য একটি ছোট সিনট্যাক্সের অনুমতি দেয়।

আপনিfunctionকীওয়ার্ড,returnকীওয়ার্ড এবং কোঁকড়া বন্ধনী বাদ দেওয়া যেতে পারে:

let myFunction = (a, b) => a * b;

তীর ফাংশন সিনট্যাক্স

একটি তীর ফাংশন=>প্রতীক ব্যবহার করে।

একটি তীর ফাংশন সবসময় একটি ফাংশন এক্সপ্রেশন হিসাবে লেখা হয়।

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

এই তীর ফাংশন একটি নিয়মিত ফাংশন অভিব্যক্তি মত আচরণ করে.

// মৌলিক বিন্যাস const functionName = (প্যারামিটার) => { // ফাংশন বডি ফেরত ফলাফল; }; // পরোক্ষ রিটার্ন (এক লাইন) const functionName = (প্যারামিটার) => ফলাফল; // একটি প্যারামিটার (বন্ধনী ঐচ্ছিক) const functionName = প্যারামিটার => ফলাফল; // কোন প্যারামিটার নেই (বন্ধনী প্রয়োজন) const functionName = () => ফলাফল;

সংক্ষিপ্ত বাক্য গঠন

যদি ফাংশন বডিতে শুধুমাত্র একটি বিবৃতি থাকে:

আপনিfunctionশব্দ, কোঁকড়া বন্ধনী এবংreturnকীওয়ার্ড রিমুভ করা যায়।

একটি প্যারামিটার সহ তীর ফাংশন

যদি একটি ফাংশনের শুধুমাত্র একটি প্যারামিটার থাকে, তাহলে আপনি বন্ধনী বাদ দিতে পারেন:

let square = (x) => x * x;

let hello = (val) => "Hello " + val;

let double = (num) => num * 2;

let square = x => x * x;

let hello = val => "Hello " + val;

let double = num => num * 2;

তীর ফাংশন ডিফল্টরূপে একটি মান প্রদান করে

যদি একটি ফাংশনের শুধুমাত্র একটি বিবৃতি থাকে যা একটি মান প্রদান করে:

আপনি বন্ধনী ব্যবহার করতে পারেন এবংreturnকীওয়ার্ড সরান:

let hello = () => "Hello World!";

let square = x => x * x;

let fullName = (firstName, lastName) => firstName + " " + lastName;

// একটি লাইন - পরোক্ষ রিটার্ন যোগ করা যাক = (a, b) => a + b; // একাধিক লাইন - সুস্পষ্ট রিটার্ন হিসাব করি = (a, b) => { যাক যোগফল = a + b; যাক পণ্য = a * b; ফেরত { যোগফল, পণ্য}; };

কোন প্যারামিটার ছাড়া তীর ফাংশন

যদি কোন প্যারামিটার না থাকে, তাহলে বন্ধনীর প্রয়োজন হয়।

let hello = () => "Hello World!";

let getRandom = () => Math.random();

let getCurrentTime = () => new Date().toLocaleTimeString();

// এটি কাজ করে না - রিটার্ন কীওয়ার্ড পরোক্ষ রিটার্নে অনুমোদিত নয় let myFunction = (x, y) => রিটার্ন x * y; // এটি কাজ করে না - কোঁকড়া ধনুর্বন্ধনী অন্তর্নিহিত রিটার্ন প্রতিরোধ করে যাক myFunction = (x, y) => { x * y }; // এটি একমাত্র কাজ যা কাজ করে - সুস্পষ্ট রিটার্ন যাক myFunction = (x, y) => { রিটার্ন x * y }; // অথবা এটি (পরোক্ষ রিটার্ন) যাক myFunction = (x, y) => x * y;

// পরিষ্কার স্বচ্ছ ফেরত যাক myFunction = (x, y) => { রিটার্ন x * y; };

তীর ফাংশন ঘোষণা নয়

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

তাদের সংজ্ঞায়িত করার আগে ব্যবহার করা যাবে না।

// মিথ্যা - অগ্রিম কলিং হ্যালো(); // রেফারেন্স ত্রুটি let hello = () => "হ্যালো"; // ঠিক আছে - সংজ্ঞায়িত করার পরে কল করা let hello = () => "হ্যালো"; হ্যালো(); // "হ্যালো"

// ফাংশন ঘোষণা - উত্তোলন console.log(greet("জন")); // "হ্যালো জন" ফাংশন শুভেচ্ছা (নাম) { "হ্যালো" + নাম ফেরত দিন; } // তীর ফাংশন - উত্তোলিত নয় console.log(greetArrow("John")); // রেফারেন্স ত্রুটি const greetArrow = (নাম) => "হ্যালো" + নাম;

তীর ফাংশন এবং এই কীওয়ার্ড

তীর ফাংশন তাদের নিজস্ব আছেthisকোন মূল্য নেই।

তারা আশেপাশের কোড থেকে এসেছেthisপান

const person = {
    name: "John",
    greet: function() {
        return "Hello, " + this.name;
    }
};

console.log(person.greet());  // "Hello, John"

const person = { নাম: "জন", শুভেচ্ছা: () => { ফিরুন "হ্যালো," + this.name; } }; console.log(person.greet()); // "হ্যালো, অনির্ধারিত" (বা "হ্যালো, ")

একটি পদ্ধতি হিসাবে তীর ফাংশন ব্যবহার প্রায়ই অপ্রত্যাশিত ফলাফল তৈরি করে।

কখন তীর ফাংশন ব্যবহার করবেন

const square = x => x * x;
const fullName = (f, l) => `${f} ${l}`;
const isAdult = age => age >= 18;

numbers.map(n => n * 2);
users.filter(u => u.active);
button.addEventListener('click', () => {
    console.log('Clicked!');
});

const createAdder = x => y => x + y;
const add5 = createAdder(5);
console.log(add5(3));  // 8

কখন তীর ফাংশন ব্যবহার করবেন না

// ত্রুটি: const obj = { মান: 10, getValue: () => this.value // undefined }; // ঠিক আছে: const obj = { মান: 10, getValue: function() { এই.মূল্য ফেরত দিন; // 10 } };

// ত্রুটি: ফাংশন ব্যক্তি(নাম) { this.name = নাম; this.greet = () => { console.log(this.name); // অনির্ধারিত }; } // ঠিক আছে: ফাংশন ব্যক্তি(নাম) { this.name = নাম; this.greet = function() { console.log(this.name); // সঠিক }; }

// ত্রুটি: const multiply = (a, b) => a * b; // তাড়াতাড়ি বলা যাবে না // ঠিক আছে: ফাংশন গুন (a, b) { ফেরত a * b; } // যে কোন জায়গায় কলযোগ্য

সাধারণ ভুল

// ত্রুটি: let greet => "হ্যালো"; // বন্ধনী নেই যোগ করা যাক = a, b => a + b; // বন্ধনী নেই // ঠিক আছে: let greet = () => "হ্যালো"; // বন্ধনী রয়েছে যোগ করা যাক = (a, b) => a + b; // বন্ধনী রয়েছে

// ত্রুটি: const obj = { মান: 10, getValue: () => this.value // undefined }; // ঠিক আছে: const obj = { মান: 10, getValue: function() { এই.মূল্য ফেরত দিন; // 10 } };

// ত্রুটি: console.log(greet("জন")); // রেফারেন্স ত্রুটি const greet = name => "হ্যালো" + নাম; // ঠিক আছে: const greet = name => "হ্যালো" + নাম; console.log(greet("জন")); // "হ্যালো জন"

কার্যক্রম বিভাগের সমাপ্তি

আপনি এখন জাভাস্ক্রিপ্ট ফাংশন সম্পর্কে সবচেয়ে গুরুত্বপূর্ণ ধারণা শিখেছেন।

ব্রাউজার সমর্থন

তীর ফাংশন একটি ES6 বৈশিষ্ট্য.

জুন 2017 পর্যন্ত সমস্ত আধুনিক ব্রাউজারে ES6 সম্পূর্ণরূপে সমর্থিত:

তীর ফাংশন অনুশীলন করুন

নিচের কোনটি একটি বৈধ জাভাস্ক্রিপ্ট অ্যারো ফাংশন?

// মৌলিক বিন্যাস const functionName = (প্যারামিটার) => অভিব্যক্তি; // উদাহরণ: const greet = () => 'হ্যালো ওয়ার্ল্ড!'; const স্কোয়ার = x => x * x; const add = (a, b) => a + b; // পূর্ণ ফর্ম (একাধিক লাইন) const calculate = (a, b) => { const sum = a + b; const পণ্য = a * b; ফেরত { যোগফল, পণ্য}; };