সংক্ষেপে
সারসংক্ষেপ
এর সহজতম ফর্মটিতে, এই কৌশলটির লক্ষ্য কোনও ফাংশন স্কোপের ভিতরে কোড মোড়ানো ।
এটি এর সম্ভাবনা হ্রাস করতে সহায়তা করে:
- অন্যান্য অ্যাপ্লিকেশন / গ্রন্থাগারগুলির সাথে সংঘর্ষ
- দূষিত উচ্চতর (বিশ্বব্যাপী সম্ভবত) সুযোগ
এটা তোলে নেই সনাক্ত করে কখন ডকুমেন্ট প্রস্তুত - এটি কোন ধরণের নয় document.onloadকিংবাwindow.onload
এটি সাধারণত একটি Immediately Invoked Function Expression (IIFE)বা হিসাবে পরিচিত Self Executing Anonymous Function।
কোড ব্যাখ্যা করা হয়েছে
var someFunction = function(){ console.log('wagwan!'); };
(function() { /* function scope starts here */
console.log('start of IIFE');
var myNumber = 4; /* number variable declaration */
var myFunction = function(){ /* function variable declaration */
console.log('formidable!');
};
var myObject = { /* object variable declaration */
anotherNumber : 1001,
anotherFunc : function(){ console.log('formidable!'); }
};
console.log('end of IIFE');
})(); /* function scope ends */
someFunction(); // reachable, hence works: see in the console
myFunction(); // unreachable, will throw an error, see in the console
myObject.anotherFunc(); // unreachable, will throw an error, see in the console
উপরের উদাহরণে, ফাংশনে সংজ্ঞায়িত যেকোন পরিবর্তনীয় (অর্থাত্ ঘোষিত হিসাবে ঘোষণা করা হয়েছে var) "ব্যক্তিগত" হবে এবং কেবলমাত্র ফাংশন স্কোপের মধ্যে অ্যাক্সেসযোগ্য (ভিভিন পালিথ এটি রেখেছেন)। অন্য কথায়, এই পরিবর্তনগুলি ফাংশনের বাইরে দৃশ্যমান / পৌঁছনীয় নয়। লাইভ ডেমো দেখুন ।
জাভাস্ক্রিপ্টের ফাংশন স্কোপিং রয়েছে। "একটি ফাংশনে সংজ্ঞায়িত প্যারামিটার এবং ভেরিয়েবলগুলি ফাংশনের বাইরে দৃশ্যমান হয় না এবং ফাংশনের মধ্যে যে কোনও জায়গায় সংজ্ঞায়িত একটি ভেরিয়েবল ফাংশনের অভ্যন্তরে সর্বত্র দৃশ্যমান হয়। ("জাভাস্ক্রিপ্ট: দ্য গুড পার্টস" থেকে)।
আরো বিস্তারিত
বিকল্প কোড
শেষ পর্যন্ত, পূর্বে পোস্ট করা কোডটি নীচের মতও করা যেতে পারে:
var someFunction = function(){ console.log('wagwan!'); };
var myMainFunction = function() {
console.log('start of IIFE');
var myNumber = 4;
var myFunction = function(){ console.log('formidable!'); };
var myObject = {
anotherNumber : 1001,
anotherFunc : function(){ console.log('formidable!'); }
};
console.log('end of IIFE');
};
myMainFunction(); // I CALL "myMainFunction" FUNCTION HERE
someFunction(); // reachable, hence works: see in the console
myFunction(); // unreachable, will throw an error, see in the console
myObject.anotherFunc(); // unreachable, will throw an error, see in the console
লাইভ ডেমো দেখুন ।
শিকড়
Iteration 1
একদিন, সম্ভবত কেউ ভেবেছিলেন "'মাইমেন ফাংশন' নামকরণ এড়াতে অবশ্যই একটি উপায় থাকতে হবে, যেহেতু আমরা যা চাই তা তা অবিলম্বে সম্পাদন করা" "
আপনি যদি বেসিকগুলিতে ফিরে যান তবে আপনি এটি সন্ধান করতে পারেন:
expression: একটি মান মূল্যায়ন কিছু। অর্থাত3+11/xstatement: কোডের লাইন (গুলি) কিছু করছে তবে এটি কোনও মানকে মূল্যায়ন করে না । অর্থাতif(){}
একইভাবে, ফাংশন এক্সপ্রেশনগুলি একটি মানকে মূল্যায়ন করে। এবং এর একটি পরিণতি (আমি ধরে নিই?) হ'ল এগুলি তাত্ক্ষণিকভাবে আহ্বান করা যেতে পারে:
var italianSayinSomething = function(){ console.log('mamamia!'); }();
সুতরাং আমাদের আরও জটিল উদাহরণ হয়ে ওঠে:
var someFunction = function(){ console.log('wagwan!'); };
var myMainFunction = function() {
console.log('start of IIFE');
var myNumber = 4;
var myFunction = function(){ console.log('formidable!'); };
var myObject = {
anotherNumber : 1001,
anotherFunc : function(){ console.log('formidable!'); }
};
console.log('end of IIFE');
}();
someFunction(); // reachable, hence works: see in the console
myFunction(); // unreachable, will throw an error, see in the console
myObject.anotherFunc(); // unreachable, will throw an error, see in the console
লাইভ ডেমো দেখুন ।
Iteration 2
পরবর্তী পদক্ষেপটি " var myMainFunction =আমরা যদি এটি ব্যবহার না করি তবে কেন হবে !?" চিন্তাভাবনা ।
উত্তরটি সহজ: এটিকে সরিয়ে দেওয়ার চেষ্টা করুন, যেমন নীচে:
function(){ console.log('mamamia!'); }();
লাইভ ডেমো দেখুন ।
এটি কাজ করবে না কারণ "ফাংশন ঘোষণাগুলি চলনযোগ্য নয়" ।
কৌশলটি হ'ল অপসারণের মাধ্যমে var myMainFunction =আমরা ফাংশন প্রকাশকে একটি ফাংশন ঘোষণায় রূপান্তরিত করি । এ সম্পর্কিত আরও তথ্যের জন্য "সংস্থানসমূহ" এ লিঙ্কগুলি দেখুন।
পরবর্তী প্রশ্নটি হ'ল "কেন আমি এটিকে ব্যতীত অন্য কিছু দিয়ে ফাংশন এক্সপ্রেশন হিসাবে রাখতে পারি না var myMainFunction =?
উত্তরটি "আপনি পারেন", এবং আসলে আপনি এটি করতে পারেন এমন অনেকগুলি উপায় রয়েছে: একটি +, ক !, ক -, বা সম্ভবত একটি জোড়া বন্ধনে আবৃত করা (এটি এখন কনভেনশন দ্বারা সম্পন্ন হয়েছে) এবং আরও আমি বিশ্বাস করি। উদাহরণ স্বরূপ:
(function(){ console.log('mamamia!'); })(); // live demo: jsbin.com/zokuwodoco/1/edit?js,console.
অথবা
+function(){ console.log('mamamia!'); }(); // live demo: jsbin.com/wuwipiyazi/1/edit?js,console
অথবা
-function(){ console.log('mamamia!'); }(); // live demo: jsbin.com/wejupaheva/1/edit?js,console
সুতরাং একবার আমাদের "বিকল্প কোড" যা ছিল তার সাথে প্রাসঙ্গিক সংশোধনটি যুক্ত করা হলে আমরা "কোড বর্ণিত" উদাহরণে ব্যবহৃত ঠিক একই কোডটিতে ফিরে আসি
var someFunction = function(){ console.log('wagwan!'); };
(function() {
console.log('start of IIFE');
var myNumber = 4;
var myFunction = function(){ console.log('formidable!'); };
var myObject = {
anotherNumber : 1001,
anotherFunc : function(){ console.log('formidable!'); }
};
console.log('end of IIFE');
})();
someFunction(); // reachable, hence works: see in the console
myFunction(); // unreachable, will throw an error, see in the console
myObject.anotherFunc(); // unreachable, will throw an error, see in the console
সম্পর্কে আরও পড়ুন Expressions vs Statements:
স্কোপসমূহকে অপ্রয়োজনীয়
একটি বিষয় যেটি ভাবতে পারে তা হ'ল "আপনি যখন ফাংশনের অভ্যন্তরে ভেরিয়েবলটি 'সঠিকভাবে' সংজ্ঞায়িত না করেন - তখন কি তার পরিবর্তে কোনও সাধারণ অ্যাসাইনমেন্ট করবেন?"
(function() {
var myNumber = 4; /* number variable declaration */
var myFunction = function(){ /* function variable declaration */
console.log('formidable!');
};
var myObject = { /* object variable declaration */
anotherNumber : 1001,
anotherFunc : function(){ console.log('formidable!'); }
};
myOtherFunction = function(){ /* oops, an assignment instead of a declaration */
console.log('haha. got ya!');
};
})();
myOtherFunction(); // reachable, hence works: see in the console
window.myOtherFunction(); // works in the browser, myOtherFunction is then in the global scope
myFunction(); // unreachable, will throw an error, see in the console
লাইভ ডেমো দেখুন ।
মূলত, যদি কোনও চলক যা তার বর্তমান স্কোপ হিসাবে ঘোষিত হয়নি, যদি একটি মান নির্ধারিত হয়, তবে "স্ক্র্যাপ চেইনটি ততক্ষণ দেখা যায় যতক্ষণ না এটি ভেরিয়েবলটি সন্ধান করে বা বিশ্বব্যাপী সুযোগকে আঘাত করে না (এমন সময়ে এটি এটি তৈরি করবে)"।
যখন কোনও ব্রাউজার পরিবেশে (বনাম একটি সার্ভার পরিবেশ যেমন নোডেজের মতো) থাকে তখন বিশ্বব্যাপী সুযোগটি windowবস্তু দ্বারা সংজ্ঞায়িত হয় । তাই আমরা করতে পারি window.myOtherFunction()।
এই বিষয়টিতে আমার "ভাল অভ্যাস" টিপটি হ'ল যে কোনও কিছু সংজ্ঞায়িত করার সময় সর্বদা ব্যবহার করাvar : এটি কোনও সংখ্যা, বস্তু বা ফাংশন এবং এমনকি বিশ্বব্যাপী সুযোগে থাকা সত্ত্বেও। এটি কোডটিকে অনেক সহজ করে তোলে।
বিঃদ্রঃ:
- জাভাস্ক্রিপ্ট নেই না আছে
block scope(: ব্লক সুযোগ স্থানীয় ভেরিয়েবল যোগ আপডেট ES6 ।)
- জাভাস্ক্রিপ্টের কেবল
function scope& global scope( windowব্রাউজার পরিবেশে সুযোগ) রয়েছে
সম্পর্কে আরও পড়ুন Javascript Scopes:
সম্পদ
পরবর্তী পদক্ষেপ
আপনি যখন এই IIFEধারণাটি পেয়ে যান , তখন এটির দিকে পরিচালিত হয় module patternযা সাধারণত এই আইআইএফই প্যাটার্নটি কাজে লাগিয়ে করা হয়। আনন্দ কর :)