এটি একটি ফাংশন এক্সপ্রেশন, এটি অবিলম্বে আমন্ত্রিত ফাংশন এক্সপ্রেশন (IIFE) এর জন্য দাঁড়িয়েছে। আইআইএফই হ'ল একটি ফাংশন যা এটি তৈরির পরেই কার্যকর করা হয়। সুতরাং এটি কার্যকর করার জন্য ডাকা না হওয়া পর্যন্ত ফাংশনটির জন্য অপেক্ষা করা, তাত্ক্ষণিকভাবে আইআইএফই কার্যকর করা হয়। উদাহরণস্বরূপ আইআইএফই নির্মাণ করুন। ধরুন আমাদের একটি অ্যাড ফাংশন রয়েছে যা দুটি আর্গ হিসাবে দুটি পূর্ণসংখ্যা নেয় এবং যোগফলকে যোগ করে ফাংশনটিকে একটি আইআইএফইতে পরিণত করে,
পদক্ষেপ 1: ফাংশনটি সংজ্ঞায়িত করুন
function add (a, b){
return a+b;
}
add(5,5);
পদক্ষেপ 2: সম্পূর্ণ ফান্টিশন ডিক্লেয়ারেশনকে বন্ধনীতে মুড়িয়ে ফাংশনটি কল করুন
(function add (a, b){
return a+b;
})
//add(5,5);
পদক্ষেপ 3: তাত্ক্ষণিকভাবে ফাংশনটি শুরু করার জন্য কেবল কল থেকে 'অ্যাড' পাঠ্য সরিয়ে দিন।
(function add (a, b){
return a+b;
})(5,5);
আইএফএফই ব্যবহারের মূল কারণটি হ'ল আপনার ফাংশনের মধ্যে একটি ব্যক্তিগত সুযোগ সংরক্ষণ করা। আপনার জাভাস্ক্রিপ্ট কোডের অভ্যন্তরে আপনি এটি নিশ্চিত করতে চান যে আপনি কোনও গ্লোবাল ভেরিয়েবলকে অগ্রাহ্য করছেন না। কখনও কখনও আপনি দুর্ঘটনাক্রমে একটি পরিবর্তনশীল সংজ্ঞায়িত করতে পারেন যা একটি বৈশ্বিক চলককে ওভাররাইড করে। আসুন উদাহরণ দিয়ে চেষ্টা করুন। মনে করুন আমাদের কাছে iffe.html নামে একটি এইচটিএমএল ফাইল রয়েছে এবং বডি ট্যাগের অভ্যন্তরে কোডগুলি হ'ল-
<body>
<div id = 'demo'></div>
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
</body>
ঠিক আছে, উপরের কোডটি যে কোনও প্রশ্ন দিয়ে কার্যকর করবে, এখন ধরে নিই আপনি দুর্ঘটনাকৃত বা ইচ্ছাকৃত নামে একটি ভেরিয়েবল ডিক্লেয়ার্ড করেছেন।
<body>
<div id = 'demo'></div>
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
const document = "hi there";
console.log(document);
</script>
</body>
আপনি যদি একটি মধ্যে endup হবে বাক্যগঠনের ত্রুটি : অ কনফিগার বিশ্বব্যাপী সম্পত্তি নথির পুনঃঘোষণা।
তবে আপনার ইচ্ছাটি যদি কোনও পরিবর্তনশীল নাম ডকুমেট ডিক্লেইট করতে হয় তবে আপনি এটি আইএফএফই ব্যবহার করে করতে পারেন।
<body>
<div id = 'demo'></div>
<script>
(function(){
const document = "hi there";
this.document.getElementById("demo").innerHTML = "Hello JavaScript!";
console.log(document);
})();
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
</body>
আউটপুট:
আসুন অন্য একটি উদাহরণ দিয়ে চেষ্টা করুন, ধরুন আমাদের কাছে বেলো- এর মতো একটি ক্যালকুলেটর অবজেক্ট রয়েছে
<body>
<script>
var calculator = {
add:function(a,b){
return a+b;
},
mul:function(a,b){
return a*b;
}
}
console.log(calculator.add(5,10));
</script>
</body>
ঠিক আছে এটি একটি কবজির মতো কাজ করছে, যদি আমরা দুর্ঘটনাক্রমে ক্যালকুলেটর অবজেক্টের মূল্য পুনরায় ধারনা করি।
<body>
<script>
var calculator = {
add:function(a,b){
return a+b;
},
mul:function(a,b){
return a*b;
}
}
console.log(calculator.add(5,10));
calculator = "scientific calculator";
console.log(calculator.mul(5,5));
</script>
</body>
হ্যাঁ আপনি কোনও টাইপরর দিয়ে শেষ করবেন: ক্যালকুলেটর.মুল কোনও ফাংশন নয় iffe.html
তবে আইএফএফইর সহায়তায় আমরা একটি ব্যক্তিগত সুযোগ তৈরি করতে পারি যেখানে আমরা আরেকটি পরিবর্তনশীল নাম ক্যালকুলেটর তৈরি করতে পারি এবং এটি ব্যবহার করতে পারি;
<body>
<script>
var calculator = {
add:function(a,b){
return a+b;
},
mul:function(a,b){
return a*b;
}
}
var cal = (function(){
var calculator = {
sub:function(a,b){
return a-b;
},
div:function(a,b){
return a/b;
}
}
console.log(this.calculator.mul(5,10));
console.log(calculator.sub(10,5));
return calculator;
})();
console.log(calculator.add(5,10));
console.log(cal.div(10,5));
</script>
</body>
আউটপুট:
