জাভাস্ক্রিপ্ট অ্যারো ফাংশন আপনাকে উন্নত ডেভেলপার হিসেবে গড়ে তুলতে পারে

জাভাস্ক্রিপ্ট অ্যারো ফাংশন আপনাকে উন্নত ডেভেলপার হিসেবে গড়ে তুলতে পারে

জাভাস্ক্রিপ্ট ES6 ওয়েব ডেভেলপমেন্টের জগতে উত্তেজনাপূর্ণ পরিবর্তন এনেছে। জাভাস্ক্রিপ্ট ভাষার নতুন সংযোজন নতুন সম্ভাবনা নিয়ে এসেছে।





আরও জনপ্রিয় পরিবর্তনগুলির মধ্যে একটি ছিল জাভাস্ক্রিপ্টে তীর ফাংশন যোগ করা। তীর ফাংশনগুলি জাভাস্ক্রিপ্ট ফাংশন এক্সপ্রেশন লেখার একটি নতুন উপায়, আপনাকে আপনার অ্যাপে ফাংশন তৈরির দুটি ভিন্ন উপায় প্রদান করে।





আপনি যদি traditionalতিহ্যবাহী জাভাস্ক্রিপ্ট ফাংশনে বিশেষজ্ঞ হন তবে তীর ফাংশনগুলি কিছুটা সামঞ্জস্য করতে পারে। আসুন এক নজরে দেখে নেওয়া যাক এগুলি কী, এগুলি কীভাবে কাজ করে এবং কীভাবে তারা আপনাকে উপকৃত করে।





জাভাস্ক্রিপ্ট তীর ফাংশন কি?

তীর ফাংশনগুলি ফাংশন এক্সপ্রেশন লেখার একটি নতুন উপায় জাভাস্ক্রিপ্ট ES6 রিলিজের মধ্যে অন্তর্ভুক্ত । এগুলি জাভাস্ক্রিপ্ট ফাংশন এক্সপ্রেশনগুলির অনুরূপ যা আপনি ব্যবহার করছেন, কিছুটা ভিন্ন নিয়মের সাথে।

তীর ফাংশন সবসময় বেনামী ফাংশন, জন্য বিভিন্ন নিয়ম আছে



this

, এবং traditionalতিহ্যগত ফাংশন তুলনায় একটি সহজ বাক্য গঠন আছে।

অনলাইনে মিউজিক সিডি কেনার সেরা জায়গা

এই ফাংশনগুলি একটি নতুন তীর চিহ্ন ব্যবহার করে:





=>

আপনি যদি কখনও পাইথনে কাজ করে থাকেন তবে এই ফাংশনগুলির সাথে খুব মিল রয়েছে পাইথন ল্যাম্বদা এক্সপ্রেশন

এই ফাংশনগুলির জন্য সিনট্যাক্স স্বাভাবিক ফাংশনগুলির তুলনায় একটু পরিষ্কার। মনে রাখার জন্য কয়েকটি নতুন নিয়ম রয়েছে:





  • ফাংশন কীওয়ার্ড সরানো হয়েছে
  • রিটার্ন কীওয়ার্ড alচ্ছিক
  • কোঁকড়া ধনুর্বন্ধনী optionচ্ছিক

অনেক ছোট পরিবর্তন আছে, তাই আসুন ফাংশন এক্সপ্রেশন একটি মৌলিক তুলনা দিয়ে শুরু করা যাক।

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

তীর ফাংশন ব্যবহার করা সহজ। Traditionalতিহ্যগত ফাংশন এক্সপ্রেশনের সাথে পাশাপাশি তীরের ফাংশনগুলি বোঝা সহজ।

এখানে একটি ফাংশন এক্সপ্রেশন যা দুটি সংখ্যা যোগ করে; প্রথম theতিহ্যগত ফাংশন পদ্ধতি ব্যবহার করে:

let addnum = function(num1,num2){
return num1 + num2;
};
addnum(1,2);
>>3

এটি একটি খুব সহজ ফাংশন যা দুটি যুক্তি নেয় এবং যোগফল প্রদান করে।

এখানে অভিব্যক্তিটি একটি তীর ফাংশনে পরিবর্তিত হয়েছে:

let addnum = (num1,num2) => { return num1 + num2;};
addnum(1,2);
>>3

একটি তীর ফাংশন ব্যবহার করে ফাংশন সিনট্যাক্স বেশ ভিন্ন। ফাংশন কীওয়ার্ড সরানো হয়েছে; তীর চিহ্নটি জাভাস্ক্রিপ্টকে জানতে দেয় যে আপনি একটি ফাংশন লিখছেন।

কোঁকড়া ধনুর্বন্ধনী এবং রিটার্ন কীওয়ার্ড এখনও আছে। এই তীর ফাংশন সঙ্গে optionচ্ছিক। এখানে একই ফাংশনের একটি এমনকি সহজ উদাহরণ:

let addnum = (num1,num2) => num1 + num2;

রিটার্ন কীওয়ার্ড এবং কোঁকড়া ধনুর্বন্ধনী এখন চলে গেছে। যা বাকি আছে তা হল একটি খুব পরিষ্কার এক-লাইন ফাংশন যা মূল ফাংশন হিসাবে কোডের প্রায় অর্ধেক। আপনি অনেক কম লিখিত কোড সহ একই ফলাফল পাবেন।

তীর ফাংশন আরো আছে। আসুন আরও গভীরভাবে ডুব দিই যাতে তারা কী করতে পারে তার জন্য আপনি আরও ভাল অনুভব করেন।

তীর ফাংশন বৈশিষ্ট্য

তীর ফাংশনগুলির বিভিন্ন ব্যবহার এবং বৈশিষ্ট্য অন্তর্ভুক্ত রয়েছে।

? এই ইমোজি মানে কি

নিয়মিত কার্যাবলী

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

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

তীর ফাংশন কোন যুক্তি ছাড়া ব্যবহার করা যেতে পারে। আপনি যদি আপনার ফাংশনে কোন আর্গুমেন্ট ব্যবহার না করেন, তাহলে আপনাকে অবশ্যই খালি বন্ধনী ব্যবহার করতে হবে।

let helloFunction = () => Console.log('Hello reader!');
helloFunction();
>>Hello reader!

এই ধরনের সহজ ফাংশন অনেক কম কোড ব্যবহার করে। ভাবুন কত জটিল একটি জটিল একটি জাভাস্ক্রিপ্ট স্লাইডশোর মত প্রকল্প যখন আপনি ফাংশন লিখতে একটি সহজ উপায় আছে।

এই ব্যবহার করে

ধারণা

this

জাভাস্ক্রিপ্ট ব্যবহারের সবচেয়ে কৌশলী অংশ হতে থাকে। তীর ফাংশন তৈরি করে

this

ব্যবহার করা সহজ।

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

this

সংযোজন ফাংশন দ্বারা সংজ্ঞায়িত করা হবে। এটি এমন সমস্যা তৈরি করতে পারে যা আপনি নেস্টেড ফাংশন এবং প্রয়োজন তৈরি করার সময় আসে

this

আপনার প্রধান ফাংশনে আবেদন করতে

এখানে একটি জনপ্রিয় উদাহরণ যা দেখায় যে আপনাকে নিয়মিত ফাংশনের সাথে ব্যবহার করতে হবে।

function Person() {
var that = this; //You have to assign 'this' to a new variable
that.age = 0;
setInterval(function growUp() {
that.age++;
}, 1000);
}

এর মান নির্ধারণ করা হচ্ছে

this

যখন আপনি আপনার প্রধান ফাংশনের ভিতরে একটি ফাংশনকে কল করেন তখন একটি পরিবর্তনশীল এটি পাঠযোগ্য করে তোলে। এটি অগোছালো, এখানে তীর ফাংশন ব্যবহার করে এটি করার একটি ভাল উপায়।

function Person(){
this.age = 0;
setInterval(() => {
this.age++; // Now you can use 'this' without a new variable declared
}, 1000);
}

যদিও তারা ফাংশনগুলির জন্য দুর্দান্ত, সেগুলি কোনও বস্তুর ভিতরে পদ্ধতি তৈরি করতে ব্যবহার করা উচিত নয়। তীর ফাংশন সঠিক স্কোপিং ব্যবহার করে না

this

এখানে একটি সাধারণ বস্তু যা একটি তীর ফাংশন ব্যবহার করে একটি পদ্ধতি তৈরি করে। পদ্ধতিটি হ্রাস করা উচিত টপিংস ডাকা হলে এক দ্বারা পরিবর্তনশীল। পরিবর্তে, এটি মোটেও কাজ করে না।

ফেসবুকে কেউ আপনাকে ব্লক করেছে কিনা তা কিভাবে দেখবেন
let pizza = {
toppings: 5,
removeToppings: () => {
this.toppings--;
}
}
//A pizza object with 5 toppings
>pizza
>>{toppings: 5, removeToppings: f}
pizza.removeToppings(); //The method will not do anything to the object
>pizza
>>{toppings: 5, removeToppings: f} //Still has 5 toppings

অ্যারে নিয়ে কাজ করা

তীর ফাংশন ব্যবহার করে আপনি অ্যারে পদ্ধতিতে কাজ করার জন্য ব্যবহৃত কোডটি সহজ করতে পারেন। অ্যারে এবং অ্যারে পদ্ধতি জাভাস্ক্রিপ্টের খুব গুরুত্বপূর্ণ অংশ তাই আপনি তাদের অনেক ব্যবহার করবেন।

এর মত কিছু দরকারী পদ্ধতি আছে মানচিত্র পদ্ধতি যা একটি অ্যারের সমস্ত উপাদানগুলিতে একটি ফাংশন চালায় এবং নতুন অ্যারে প্রদান করে।

let myArray = [1,2,3,4];
myArray.map(function(element){
return element + 1;
});
>> [2,3,4,5]

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

let myArray = [1,2,3,4];
myArray.map(element => {
return element + 1;
});
>> [2,3,4,5]

এখন পড়া অনেক সহজ।

অবজেক্ট লিটারেল তৈরি করা

তীর ফাংশনগুলি জাভাস্ক্রিপ্টে অবজেক্ট লিটারাল তৈরি করতে ব্যবহার করা যেতে পারে। নিয়মিত ফাংশন সেগুলো তৈরি করতে পারে, কিন্তু সেগুলো একটু বেশি।

let createObject = function createName(first,last) {
return {
first: first,
last: last
};
};

আপনি কম কোড ব্যবহার করে একটি তীর ফাংশন দিয়ে একই বস্তু তৈরি করতে পারেন। তীর চিহ্ন ব্যবহার করে আপনাকে ফাংশন বডি বন্ধনীতে আবৃত করতে হবে। এখানে তীর ফাংশন সহ উন্নত সিনট্যাক্স।

let createArrowObject = (first,last) => ({first:first, last:last});

জাভাস্ক্রিপ্ট তীর ফাংশন এবং এর বাইরে

আপনি এখন জাভাস্ক্রিপ্ট তীর ফাংশনগুলি ডেভেলপার হিসাবে আপনার জীবনকে সহজ করার কিছু ভিন্ন উপায় জানেন। তারা সিনট্যাক্স সংক্ষিপ্ত করে, আপনাকে ব্যবহার করে আরও নিয়ন্ত্রণ দেয়

this

, বস্তু তৈরি করা সহজ করে এবং আপনাকে অ্যারে পদ্ধতিতে কাজ করার একটি নতুন উপায় দেয়।

জাভাস্ক্রিপ্ট ES6 তে অন্যান্য অনেক বৈশিষ্ট্য সহ তীর ফাংশনগুলির প্রবর্তন দেখায় যে ওয়েব ডেভেলপমেন্টে জাভাস্ক্রিপ্ট কতটা গুরুত্বপূর্ণ হয়ে উঠেছে। যদিও আপনি আরও অনেক কিছু করতে পারেন।

জাভাস্ক্রিপ্ট সম্পর্কে আরো জানতে চান? এই জাভাস্ক্রিপ্ট ফ্রেমওয়ার্কগুলি শিখুন। প্লাস, আমাদের জাভাস্ক্রিপ্ট চিট শীট মূল্যবান তথ্য প্রদান করে এবং আরও কিছু শেখার জন্য জাভাস্ক্রিপ্ট কিভাবে কাজ করে আপনাকে আরও ভাল ডেভেলপার করতে পারে।

শেয়ার করুন শেয়ার করুন টুইট ইমেইল 6 শ্রবণযোগ্য বিকল্প: সেরা বিনামূল্যে বা সস্তা অডিওবুক অ্যাপস

আপনি যদি অডিওবুকের জন্য অর্থ প্রদান করতে পছন্দ করেন না, এখানে কিছু দুর্দান্ত অ্যাপ রয়েছে যা আপনাকে সেগুলি বিনামূল্যে এবং আইনত শুনতে দেয়।

পরবর্তী পড়ুন
সম্পর্কিত বিষয়
  • প্রোগ্রামিং
  • জাভাস্ক্রিপ্ট
লেখক সম্পর্কে অ্যান্থনি গ্রান্ট(40 নিবন্ধ প্রকাশিত)

অ্যান্থনি গ্রান্ট একজন ফ্রিল্যান্স লেখক যা প্রোগ্রামিং এবং সফটওয়্যারকে কভার করে। প্রোগ্রামিং, এক্সেল, সফটওয়্যার এবং প্রযুক্তিতে তিনি একজন কম্পিউটার সায়েন্স প্রধান।

অ্যান্থনি গ্রান্ট থেকে আরো

আমাদের নিউজলেটার সদস্যতা

প্রযুক্তি টিপস, রিভিউ, ফ্রি ইবুক এবং এক্সক্লুসিভ ডিলের জন্য আমাদের নিউজলেটারে যোগ দিন!

সাবস্ক্রাইব করতে এখানে ক্লিক করুন