TLDR
জাভাস্ক্রিপ্টের লেক্সিকাল (স্ট্যাটিক নামেও পরিচিত) স্কোপিং এবং ক্লোজার রয়েছে। এর অর্থ উত্স কোডটি দেখে আপনি কোনও শনাক্তকারীর সুযোগ বলতে পারেন।
চারটি স্কোপগুলি হ'ল:
- গ্লোবাল - সবকিছু দ্বারা দৃশ্যমান
- ফাংশন - একটি ফাংশনের মধ্যে দৃশ্যমান (এবং এর উপ-ফাংশন এবং ব্লক)
- ব্লক - একটি ব্লকের মধ্যে দৃশ্যমান (এবং এর সাব-ব্লক)
- মডিউল - একটি মডিউল মধ্যে দৃশ্যমান
গ্লোবাল এবং মডিউল স্কোপের বিশেষ ক্ষেত্রেগুলির বাইরে, ভেরিয়েবলগুলি var(ফাংশন স্কোপ), let(ব্লক স্কোপ) এবং const(ব্লক স্কোপ) ব্যবহার করে ঘোষণা করা হয় । সনাক্তকারী ঘোষণার অন্যান্য বেশিরভাগ ফর্মগুলির কঠোর মোডে ব্লক সুযোগ রয়েছে।
সংক্ষিপ্ত বিবরণ
স্কোপটি কোডবেসের অঞ্চল যা একটি সনাক্তকারী বৈধ।
একটি লেজিকাল এনভায়রনমেন্ট শনাক্তকারী নাম এবং তাদের সাথে যুক্ত মানগুলির মধ্যে একটি ম্যাপিং।
স্কোপটি লিক্সিকাল পরিবেশের একটি লিঙ্কযুক্ত নীড় দ্বারা গঠিত, নীড়ের প্রতিটি স্তর পূর্বপুরুষের মৃত্যুদণ্ড প্রসঙ্গে একটি লেজিকাল পরিবেশের সাথে সঙ্গতিপূর্ণ with
এই লিঙ্কযুক্ত লেজিকাল পরিবেশগুলি একটি স্কোপ "চেইন" গঠন করে। আইডেন্টিফায়ার রেজোলিউশন হ'ল ম্যাচ শনাক্তকারীর জন্য এই চেইনটি ধরে অনুসন্ধান করার প্রক্রিয়া।
সনাক্তকারী রেজোলিউশনটি কেবলমাত্র এক দিকে ঘটে: বাহুতে। এইভাবে, বহিরাগত বর্ণগত পরিবেশগুলি অভ্যন্তরীণ লেক্সিকাল পরিবেশগুলিতে "দেখতে" পারে না।
সেখানে সিদ্ধান্ত নেওয়ার তিন প্রাসঙ্গিক কারণ সুযোগ একটি এর আইডেন্টিফায়ার জাভাস্ক্রিপ্ট মধ্যে:
- কীভাবে সনাক্তকারী ঘোষণা করা হয়েছিল
- যেখানে একটি সনাক্তকারী ঘোষণা করা হয়েছিল
- আপনি কঠোর মোডে বা অন-কড়া মোডে থাকুন না কেন
কয়েকটি উপায় চিহ্নিতকারী হিসাবে ঘোষণা করা যেতে পারে:
var, letএবংconst- ফাংশন পরামিতি
- ব্লক প্যারামিটারটি ধরুন
- কার্য ঘোষণা
- নামকরণ ফাংশন এক্সপ্রেশন
- গ্লোবাল অবজেক্টে স্পষ্টভাবে সংজ্ঞায়িত বৈশিষ্ট্য (যেমন
var, অ-কঠোর মোডে অনুপস্থিত )
import বিবৃতিeval
কিছু অবস্থান সনাক্তকারী হিসাবে ঘোষণা করা যেতে পারে:
- বৈশ্বিক প্রেক্ষাপটে
- ফাংশন বডি
- সাধারণ ব্লক
- একটি নিয়ন্ত্রণ কাঠামোর শীর্ষ (যেমন লুপ, যদি, যখন ইত্যাদি)
- কাঠামো শরীর নিয়ন্ত্রণ করুন
- মডিউল
ঘোষণা শৈলী
Var
ঘোষিত শনাক্তকারীদের var ফাংশন স্কোপ ব্যবহার করে ঘোষণা করা হয় , যখন তারা সরাসরি বিশ্বব্যাপী প্রসঙ্গে প্রকাশিত হয়, সে ক্ষেত্রে তারা বিশ্বব্যাপী সামগ্রীতে সম্পত্তি হিসাবে যুক্ত হয় এবং বৈশ্বিক সুযোগ থাকে। evalফাংশনে তাদের ব্যবহারের জন্য পৃথক বিধি রয়েছে ।
যাক এবং কনস্ট্যান্ট
সনাক্তকারীরা তাদের ব্যবহারের ঘোষনা করেছে letএবং তাদেরকে অবৈধ প্রাসঙ্গিকভাবে সরাসরি ঘোষিত করা ব্যতীত const অবকাশের সুযোগ রয়েছে , যার ক্ষেত্রে তাদের বিশ্বব্যাপী সুযোগ রয়েছে।
দ্রষ্টব্য: let, constএবং var সব উত্তোলন করা হয় । এর অর্থ এই যে তাদের সংজ্ঞার যৌক্তিক অবস্থানটি তাদের ঘেরের স্কোপ (ব্লক বা ফাংশন) এর শীর্ষ। যাইহোক, ভেরিয়েবল useing ঘোষিত letএবং constবা পড়া যাবে না হওয়া পর্যন্ত নিয়ন্ত্রণ সোর্স কোডে ঘোষণা বিন্দু অতিবাহিত হয়েছে নির্ধারিত হয়। অন্তর্বর্তীকালীন সময়কাল অস্থায়ী মৃত অঞ্চল হিসাবে পরিচিত।
function f() {
function g() {
console.log(x)
}
let x = 1
g()
}
f() // 1 because x is hoisted even though declared with `let`!
ফাংশন প্যারামিটারের নাম
ফাংশন প্যারামিটারের নামগুলি ফাংশন বডি এ স্কপ করা হয়। নোট করুন যে এটির জন্য সামান্য জটিলতা রয়েছে। ক্রিয়াকলাপগুলি ডিফল্ট আর্গুমেন্ট হিসাবে ঘোষিত হয় প্যারামিটার তালিকার উপরে , না ফাংশনের মূল অংশটি।
কার্য ঘোষণা
ফাংশন ঘোষণাগুলিতে কঠোর মোডে ব্লক স্কোপ এবং অ-কড়া মোডে ফাংশন স্কোপ থাকে। দ্রষ্টব্য: নন-কড়া মোড বিভিন্ন ব্রাউজারের উদ্দীপক historicalতিহাসিক প্রয়োগের উপর ভিত্তি করে উদ্ভূত নিয়মের একটি জটিল সেট।
নামকরণ ফাংশন এক্সপ্রেশন
নামযুক্ত ফাংশন এক্সপ্রেশনগুলি তাদের কাছে স্কোপ করা হয় (উদাহরণস্বরূপ পুনরাবৃত্তির উদ্দেশ্যে)।
গ্লোবাল অবজেক্টে স্পষ্টভাবে সংজ্ঞায়িত বৈশিষ্ট্য
অ-কড়া মোডে, গ্লোবাল অবজেক্টের উপর স্পষ্টভাবে সংজ্ঞায়িত বৈশিষ্ট্যগুলির বৈশ্বিক সুযোগ রয়েছে কারণ বৈশ্বিক অবজেক্ট স্কোপ চেইনের শীর্ষে বসে। কঠোর মোডে এগুলির অনুমতি নেই।
Eval
ইন evalস্ট্রিং, ভেরিয়েবল ঘোষণা ব্যবহার varবর্তমান সুযোগ স্থাপন করা হবে, বা, যদি evalবিশ্বব্যাপী বস্তুর উপর বৈশিষ্ট্য হিসেবে পরোক্ষভাবে ব্যবহার করা হয়।
উদাহরণ
নিম্নলিখিত কারণ নামগুলি ReferenceError নিক্ষেপ করা হবে x, yএবং zফাংশন কোন অর্থ বাইরে আছে f।
function f() {
var x = 1
let y = 1
const z = 1
}
console.log(typeof x) // undefined (because var has function scope!)
console.log(typeof y) // undefined (because the body of the function is a block)
console.log(typeof z) // undefined (because the body of the function is a block)
নিম্নলিখিত একটি ReferenceError নিক্ষেপ করা হবে yএবং z, কিন্তু না জন্য xকারণ দৃশ্যমানতা, xব্লক দ্বারা সীমাবদ্ধ নয়। ব্লক যে নিয়ন্ত্রণ কাঠামো লাশ সংজ্ঞায়িত পছন্দ if, forএবং while, একই রকম ব্যবহার।
{
var x = 1
let y = 1
const z = 1
}
console.log(x) // 1
console.log(typeof y) // undefined because `y` has block scope
console.log(typeof z) // undefined because `z` has block scope
নিম্নলিখিতটিতে xলুপের বাইরে দৃশ্যমান কারণ varকার্যকারিতার সুযোগ রয়েছে:
for(var x = 0; x < 5; ++x) {}
console.log(x) // 5 (note this is outside the loop!)
... এই আচরণের কারণে আপনাকে varলুপগুলিতে ব্যবহার করে ঘোষিত ভেরিয়েবলগুলি বন্ধ করতে সাবধান হওয়া দরকার । এখানে ভেরিয়েবলের কেবলমাত্র একটি উদাহরণ xঘোষণা করা হয়েছে এবং এটি লুপের বাইরে যৌক্তিকভাবে বসে।
নিম্নলিখিত মুদ্রণগুলি 5, পাঁচবার এবং তারপরে লুপের বাইরে 5ষষ্ঠবারের জন্য মুদ্রণ করা হবে console.log:
for(var x = 0; x < 5; ++x) {
setTimeout(() => console.log(x)) // closes over the `x` which is logically positioned at the top of the enclosing scope, above the loop
}
console.log(x) // note: visible outside the loop
নিম্নলিখিত মুদ্রণগুলি ব্লক-স্কোপড undefinedকারণ x। কলব্যাকগুলি একের পর এক অ্যাসিক্রোনোলে চালিত হয়। letভেরিয়েবলের জন্য নতুন আচরণের অর্থ হ'ল প্রতিটি বেনামে ফাংশনটি ভিন্ন ভিন্ন ভেরিয়েবলের উপরে বন্ধ হয়ে যায় x(এর বিপরীতে এটি সম্পন্ন হত var), এবং এর 0মাধ্যমে পূর্ণসংখ্যা 4মুদ্রিত হয়:
for(let x = 0; x < 5; ++x) {
setTimeout(() => console.log(x)) // `let` declarations are re-declared on a per-iteration basis, so the closures capture different variables
}
console.log(typeof x) // undefined
নিম্নলিখিতগুলি এটিকে ফেলবে না ReferenceErrorকারণ এর দৃশ্যমানতা xব্লক দ্বারা সীমাবদ্ধ নয়; এটি অবশ্য মুদ্রণ করবে undefinedকারণ ভেরিয়েবলটি আরম্ভ করা হয়নি ( ifবিবৃতিতে)।
if(false) {
var x = 1
}
console.log(x) // here, `x` has been declared, but not initialised
forব্যবহার করে একটি লুপের শীর্ষে ঘোষিত একটি পরিবর্তনশীল letলুপটির শরীরে স্কোপ করা হয়:
for(let x = 0; x < 10; ++x) {}
console.log(typeof x) // undefined, because `x` is block-scoped
নিম্নলিখিতগুলি এটিকে ছুঁড়ে ফেলবে ReferenceErrorকারণ এর দৃশ্যমানতা xব্লক দ্বারা সীমাবদ্ধ:
if(false) {
let x = 1
}
console.log(typeof x) // undefined, because `x` is block-scoped
চলকগুলি ব্যবহার করে ঘোষিত var, letবা constসমস্ত মডিউলগুলিতে স্কোপ করা হয়:
// module1.js
var x = 0
export function f() {}
//module2.js
import f from 'module1.js'
console.log(x) // throws ReferenceError
নিম্নলিখিতটি বৈশ্বিক অবজেক্টের উপর একটি সম্পত্তি ঘোষণা করবে, কারণ varবৈশ্বিক প্রসঙ্গের মধ্যে ব্যবহার করে ঘোষিত ভেরিয়েবলগুলি বৈশ্বিক বস্তুর বৈশিষ্ট্য হিসাবে যুক্ত করা হয়েছে:
var x = 1
console.log(window.hasOwnProperty('x')) // true
letএবং constবৈশ্বিক প্রেক্ষাপটে বৈশ্বিক বস্তুতে বৈশিষ্ট্যগুলি যুক্ত করবেন না, তবে এখনও বৈশ্বিক সুযোগ রয়েছে:
let x = 1
console.log(window.hasOwnProperty('x')) // false
ফাংশন বডিমে ফাংশন পরামিতিগুলি ঘোষিত হিসাবে বিবেচনা করা যেতে পারে:
function f(x) {}
console.log(typeof x) // undefined, because `x` is scoped to the function
ক্যাচ ব্লক পরামিতিগুলি ক্যাচ-ব্লক বডিটিতে স্কোপ করা হয়:
try {} catch(e) {}
console.log(typeof e) // undefined, because `e` is scoped to the catch block
নামযুক্ত ফাংশন এক্সপ্রেশন কেবল এক্সপ্রেশন নিজেই স্কোপ করা হয়:
(function foo() { console.log(foo) })()
console.log(typeof foo) // undefined, because `foo` is scoped to its own expression
অ-কঠোর মোডে, গ্লোবাল অবজেক্টের উপর স্পষ্টভাবে সংজ্ঞায়িত বৈশিষ্ট্যগুলি বিশ্বব্যাপী বাদ দেওয়া হয়। কঠোর মোডে আপনি একটি ত্রুটি পান।
x = 1 // implicitly defined property on the global object (no "var"!)
console.log(x) // 1
console.log(window.hasOwnProperty('x')) // true
অ-কঠোর মোডে, ফাংশন ঘোষণার ফাংশন সুযোগ রয়েছে। কঠোর মোডে তাদের ব্লক সুযোগ রয়েছে।
'use strict'
{
function foo() {}
}
console.log(typeof foo) // undefined, because `foo` is block-scoped
এটি হুডের নীচে কীভাবে কাজ করে
সুযোগকে কোডের লেজিক্যাল অঞ্চল হিসাবে সংজ্ঞায়িত করা হয় যার উপর একটি সনাক্তকারী বৈধ।
জাভাস্ক্রিপ্টে, প্রতি ফাংশন-বস্তুর একটি লুকিয়েছে [[Environment]]রেফারেন্স যে একটি রেফারেন্স আভিধানিক পরিবেশ এর মৃত্যুদন্ড প্রসঙ্গ (স্ট্যাক ফ্রেম নয়) যার মধ্যে এটা তৈরি করা হয়েছে।
আপনি যখন কোনও ফাংশন শুরু করেন, তখন লুকানো [[Call]]পদ্ধতিটি বলা হয়। এই পদ্ধতিটি একটি নতুন এক্সিকিউশন প্রসঙ্গ তৈরি করে এবং নতুন এক্সিকিউশন প্রসঙ্গে এবং ফাংশন-অবজেক্টের লেজিকাল পরিবেশের মধ্যে একটি লিঙ্ক স্থাপন করে। এটি [[Environment]]ফাংশন-অবজেক্টের মানটি অনুলিপি করে নতুন এক্সিকিউশন প্রসঙ্গে লেক্সিকাল পরিবেশে একটি বহিরাগত রেফারেন্স ফিল্ডে অনুলিপি করে এটি করে।
নোট করুন যে ফাংশন অবজেক্টের নতুন এক্সিকিউশন কনটেক্সট এবং লেজিকাল পরিবেশের মধ্যে এই লিঙ্কটিকে ক্লোজার বলা হয় ।
সুতরাং, জাভাস্ক্রিপ্টে, বহিরাগত রেফারেন্স দ্বারা "চেইন" এর সাথে যুক্ত লিক্সিকাল পরিবেশের মাধ্যমে স্কোপটি প্রয়োগ করা হয়। লেজিকাল পরিবেশের এই শৃঙ্খলাটিকে স্কোপ চেইন বলা হয়, এবং সনাক্তকারী রেজোলিউশনটি ম্যাচিং আইডেন্টিফায়ারারের জন্য শৃঙ্খলে অনুসন্ধান করে ঘটে ।
আরও জানতে ।
