জাভাস্ক্রিপ্টে সবচেয়ে চ্যালেঞ্জিং এবং প্রায়শই ব্যবহৃত ধারণাগুলির মধ্যে একটি হল ' এই ' কীওয়ার্ড। জাভাস্ক্রিপ্ট ব্যবহার করে ' এই ” কীওয়ার্ড অন্যান্য ভাষার চেয়ে আলাদা। যাইহোক, এটি আরও উন্নত জাভাস্ক্রিপ্ট কোড তৈরি করার জন্য অপরিহার্য। একজন শিক্ষানবিশ হিসাবে, উল্লেখিত কীওয়ার্ডের ব্যবহার বোঝা আপনার পক্ষে একরকম কঠিন হতে পারে, কিন্তু কোন চিন্তা নেই!
এই পোস্টটি ব্যাখ্যা করবে ' এই কিওয়ার্ড এবং জাভাস্ক্রিপ্টে এর ব্যবহার।
জাভাস্ক্রিপ্টে 'এটি' কি?
' এই ” হল জাভাস্ক্রিপ্টের কীওয়ার্ড যা এমন একটি বস্তুকে বোঝায় যা কোডের বিদ্যমান ব্লককে কার্যকর করে। এটি এমন একটি বস্তুর প্রতিনিধিত্ব করে যা বর্তমান ফাংশনকে আহ্বান করছে। এটি একাধিক পরিস্থিতিতে বিভিন্ন উপায়ে ব্যবহৃত হয়, যেমন:
-
- পদ্ধতিতে
- ইভেন্ট পরিচালনায়
- ফাংশনে
আসুন উল্লিখিত প্রতিটি ব্যবহার একে একে পরীক্ষা করে দেখি!
জাভাস্ক্রিপ্ট পদ্ধতিতে 'এটি' কীভাবে ব্যবহার করবেন?
' এই ” একটি অন্তর্নিহিত বাঁধাই হিসাবে JavaScript পদ্ধতিতে ব্যবহৃত হয়। যখন একটি বস্তু এবং একটি বিন্দুর সাহায্যে ফাংশনটিকে কল করা হয়, তখন এটি অন্তর্নিহিত বাঁধাই হিসাবে বিবেচিত হয় এবং “ এই ” ফাংশন কলের সময় বস্তুটিকে নির্দেশ করে।
উদাহরণ
প্রথমে, আমরা কিছু বৈশিষ্ট্য এবং একটি পদ্ধতি সহ একটি অবজেক্ট তৈরি করব এবং তারপর ব্যবহার করব ' এই বস্তুর বৈশিষ্ট্যের মান পেতে কীওয়ার্ড:
var personInfo = {
নাম: 'জন' ,
বয়স: বিশ ,
তথ্য: ফাংশন ( ) {
console.log ( 'হাই! আমি আছি' +এই.নাম + ' এবং আমি ' + this.age + ' বছর পুরনো' ) ;
}
}
এরপর, কল করুন ' তথ্য() বস্তুর নামের সাথে ' পদ্ধতি:
এটি দেখা যায় যে বর্তমান বস্তুর নির্দিষ্ট সম্পত্তি মান সফলভাবে প্রদর্শিত হয়:
আপনি যদি ব্যবহার করতে চান ' এই ইভেন্ট পরিচালনায়, নীচের বিভাগটি অনুসরণ করুন।
কিভাবে জাভাস্ক্রিপ্ট ইভেন্ট হ্যান্ডলিং এ 'এটি' ব্যবহার করবেন?
এই উদাহরণে, 'এর ব্যবহার পরীক্ষা করে দেখুন এই ইভেন্ট পরিচালনায় কীওয়ার্ড। এর জন্য, একটি উদাহরণ বিবেচনা করুন যেখানে আমরা এক ক্লিকে আমাদের বোতামটি লুকিয়ে রাখব। এটি করতে, একটি বোতাম তৈরি করুন এবং একটি সংযুক্ত করুন ' অনক্লিক() 'এর সাথে স্টাইল. ডিসপ্লে প্রপার্টি অ্যাক্সেস করতে ইভেন্টটি ' এই ' কীওয়ার্ড যা ক্লিক করলে বোতামটি লুকিয়ে রাখবে:
< h3 > বোতামটি লুকাতে ক্লিক করুন h3 >< বোতাম অনক্লিক = 'this.style.display='কিছুই নয়'' > এখানে ক্লিক করুন ! বোতাম >
আউটপুট
আপনি ব্যবহার সম্পর্কে বিভ্রান্ত হলে ' এই ” জাভাস্ক্রিপ্টে ব্যবহারকারী-সংজ্ঞায়িত ফাংশনে কীওয়ার্ড, প্রদত্ত বিভাগটি অনুসরণ করুন।
জাভাস্ক্রিপ্ট ফাংশনে 'এটি' কীভাবে ব্যবহার করবেন?
ব্যবহার করার সময় ' এই ” ফাংশনে, জাভাস্ক্রিপ্টে তিন ধরনের বাইন্ডিং রয়েছে, যার মধ্যে রয়েছে:
-
- ডিফল্ট বাঁধাই
- অন্তর্নিহিত বাঁধাই
- স্পষ্ট বাঁধাই
আসুন তাদের পৃথকভাবে বুঝতে পারি!
উদাহরণ 1: ডিফল্ট বাইন্ডিং-এ এই কীওয়ার্ডের ব্যবহার
ডিফল্ট বাঁধাইতে, ' এই কীওয়ার্ড একটি বিশ্বব্যাপী বস্তু হিসাবে কাজ করে। এটি বেশিরভাগ স্বতন্ত্র ফাংশনে ব্যবহৃত হয়।
একটি উদাহরণ দিয়ে বর্ণিত ধারণাটি বোঝা যাক।
প্রথমে আমরা একটি ভেরিয়েবল তৈরি করব ' এক্স 'এবং এটির মান নির্ধারণ করুন' পনের ”:
var x = পনের ;
তারপর, 'নামক একটি ফাংশন সংজ্ঞায়িত করুন ফাংশনডিবি() ” এবং এর ফাংশনের সংজ্ঞা, একই নামের একটি ভেরিয়েবল তৈরি করুন “ এক্স 'এবং এটি একটি মান নির্ধারণ করুন' 5 ', তারপর, ' ব্যবহার করে এর মান প্রিন্ট করুন console.log() 'সহ পদ্ধতি' এই ' কীওয়ার্ড:
var x = 5 ;
console.log ( এই.x ) ;
}
অবশেষে, কল করুন ' ফাংশনডিবি() 'ফাংশন:
ব্যবহারের কারণে ' এই ' কীওয়ার্ড, আউটপুট ' এর মান প্রদর্শন করে এক্স 'যেমন' পনের কারণ এটি একটি বিশ্বব্যাপী বস্তু হিসাবে কাজ করে এবং প্রক্রিয়াটিকে বলা হয় ' ডাইনামিক বাইন্ডিং ”:
উদাহরণ 2: ইমপ্লিসিট বাইন্ডিং-এ এই কীওয়ার্ডের ব্যবহার
যখন ফাংশনটিকে একটি বস্তু বা একটি বিন্দু প্রতীক দ্বারা কল করা হয়, ' এই ” কীওয়ার্ড একটি অন্তর্নিহিত বাঁধাই হিসাবে কাজ করে। এটি ফাংশন কলের সময় বস্তুটিকে নির্দেশ করে।
এই উদাহরণে, আমরা একটি ফাংশন সংজ্ঞায়িত করব ' তথ্য() ' এবং ' ব্যবহার করুন এই ফাংশনের সংজ্ঞায় কীওয়ার্ড:
ফাংশন তথ্য ( ) {console.log ( 'হাই! আমি আছি' +এই.নাম + ' এবং আমি ' + this.age + ' বছর পুরনো' )
}
তারপর, 'নামের একটি বস্তু তৈরি করুন ব্যক্তি তথ্য 'সংজ্ঞায়িত বৈশিষ্ট্য সহ:
নাম: 'জন' ,
বয়স: বিশ ,
info: তথ্য
}
এখন, অবজেক্ট বরাবর ফাংশনটি কল করুন:
আউটপুট
উদাহরণ 3: স্পষ্ট বাইন্ডিং-এ এই কীওয়ার্ডের ব্যবহার
স্পষ্ট বাঁধাই বলা হয় ' হার্ড বাঁধাই কারণ ফাংশনটি জোর করে একটি নির্দিষ্ট বস্তু ব্যবহার করার জন্য বলা হয় ' এই ” বাইন্ডিং, অবজেক্টে প্রোপার্টি ফাংশন রেফারেন্স না রেখে। এই উদ্দেশ্যে, call(), apply() এবং bind() পদ্ধতি ব্যবহার করা যেতে পারে।
আমরা এখন 'নামক একই ফাংশন ব্যবহার করব তথ্য() ' পূর্ববর্তী উদাহরণে সংজ্ঞায়িত করা হয়েছে। তারপর, 'নামের একটি বস্তু তৈরি করুন ব্যক্তি তথ্য 'নিম্নলিখিত মান সহ:
var personInfo = {নাম: 'জন' ,
বয়স: বিশ
}
'নামক ফাংশন আহ্বান করার জন্য তথ্য() ', আমরা ব্যবহার করব ' কল () ' পদ্ধতি এবং তৈরি করা বস্তুটিকে একটি যুক্তি হিসাবে পাস করুন:
যেহেতু info() অবজেক্টের অংশ নয়, আমরা এখনও স্পষ্টভাবে এটি অ্যাক্সেস করেছি:
একটি ফাংশনকে স্পষ্টভাবে কল করার জন্য, আপনি apply() এবং bind() পদ্ধতিগুলিও ব্যবহার করতে পারেন। apply() পদ্ধতিটি কল() পদ্ধতির সাথে অভিন্ন, যখন bind() পদ্ধতিটি একই বডি এবং স্কোপ সহ একটি নতুন ফাংশন তৈরি করে যা মূল ফাংশনের মতোই আচরণ করে। bind() পদ্ধতিটি একটি ফাংশন ফেরত দেওয়ার জন্য ব্যবহার করা যেতে পারে যা আপনি পরে ব্যবহার করতে পারেন।
আবেদন () পদ্ধতির সাথে তথ্য() কল করার জন্য, নিম্নলিখিত বিবৃতিটি ব্যবহার করুন:
info.apply ( ব্যক্তি তথ্য ) ;
এটি কল() পদ্ধতির মতো একই আউটপুট দেয়:
কল করার জন্য ' তথ্য() 'এর সাথে' বাঁধাই করা() ' পদ্ধতি, প্রদত্ত বিবৃতিটি ব্যবহার করুন:
আউটপুট
আমরা এর সাথে সম্পর্কিত সমস্ত প্রয়োজনীয় তথ্য সংকলন করেছি ' এই ' কীওয়ার্ড।
উপসংহার
' এই ” হল জাভাস্ক্রিপ্টের কীওয়ার্ড যা এমন একটি বস্তুকে বোঝায় যা কোডের বিদ্যমান ব্লককে কার্যকর করে। এটি সেই বস্তুর প্রতিনিধিত্ব করে যা বর্তমান ফাংশনকে আহ্বান করছে। এটি পদ্ধতি, ইভেন্ট হ্যান্ডলিং এবং ফাংশন সহ বিভিন্ন উপায়ে একাধিক পরিস্থিতিতে ব্যবহৃত হয়। এই পোস্টে, আমরা ব্যাখ্যা করেছি ' এই ' জাভাস্ক্রিপ্টে কীওয়ার্ড।