হ্যাঁ, বেশ কয়েকটি পার্থক্য রয়েছে, যদিও ব্যবহারিক দিক থেকে তারা সাধারণত বড় হয় না।
চতুর্থ উপায় আছে, এবং ES2015 (ES6) হিসাবে আরও দুটি আছে। আমি শেষে চতুর্থটি যুক্ত করেছি, তবে # 1 এর পরে E2015 টি উপায় সন্নিবেশ করিয়েছি (কেন আপনি তা দেখতে পাবেন), তাই আমাদের রয়েছে:
var a = 0; // 1
let a = 0; // 1.1 (new with ES2015)
const a = 0; // 1.2 (new with ES2015)
a = 0; // 2
window.a = 0; // 3
this.a = 0; // 4
এই বিবৃতি ব্যাখ্যা
# 1 var a = 0;
এটি একটি বৈশ্বিক পরিবর্তনশীল তৈরি করে যা বৈশ্বিক অবজেক্টেরও একটি সম্পত্তি , যা আমরা windowব্রাউজারগুলিতে (বা thisকোনও বিশ্বব্যাপী স্কোপের মাধ্যমে , অ-কঠোর কোডে) অ্যাক্সেস করি । কিছু অন্যান্য বৈশিষ্ট্যের বিপরীতে সম্পত্তিটি সরানো যাবে না delete।
স্পেসিফিকেশন পদগুলিতে, এটি বৈশ্বিক পরিবেশের জন্য পরিবেশ রেকর্ড অবজেক্টটিতে একটি শনাক্তকারীকে বাঁধাই করে । এটি এটিকে বৈশ্বিক বস্তুর সম্পত্তি হিসাবে পরিণত করে কারণ বিশ্বব্যাপী অবজেক্টটি যেখানে বিশ্বব্যাপী পরিবেশের অবজেক্টের পরিবেশগত রেকর্ডের জন্য শনাক্তকরণের সাথে সম্পর্কিত হয়। এই কারণেই সম্পত্তিটি অ-বিলোপযোগ্য: এটি কেবল একটি সাধারণ সম্পত্তি নয়, এটি শনাক্তকারীকে বাধ্যতামূলক।
বাইন্ডিং (পরিবর্তনশীল) কোডের প্রথম লাইনের রান হওয়ার আগে সংজ্ঞায়িত হয় ( varনীচে "কখন ঘটে" দেখুন)।
মনে রাখবেন যে আইই 8 এবং এর আগে, এর উপর নির্মিত সম্পত্তিটি গণ্যযোগ্যwindow নয় ( বিবৃতিতে প্রদর্শিত হবে না )। আইই 9, ক্রোম, ফায়ারফক্স এবং অপেরা-তে এটি গণনাযোগ্য।for..in
# 1.1 let a = 0;
এটি একটি বিশ্বব্যাপী পরিবর্তনশীল তৈরি করে যা বিশ্বব্যাপী বস্তুর সম্পত্তি নয় । ES2015 হিসাবে এটি একটি নতুন জিনিস।
স্পেসিফিকেশন শর্তাবলী, এটি বিশ্বব্যাপী পরিবেশের জন্য পরিবেশগত রেকর্ড বস্তুর পরিবর্তে ঘোষিত পরিবেশ রেকর্ডে একটি শনাক্তকারীকে বাধ্যতামূলক তৈরি করে । বিশ্বব্যাপী পরিবেশ একটি বিভক্ত পরিবেশ রেকর্ড, সব পুরোনো কাপড় বিশ্বব্যাপী বস্তু (যায় এক তার মধ্যে অদ্বিতীয় বস্তুর সব নতুন উপাদানের জন্য পরিবেশ রেকর্ড) এবং অন্য ( , , এবং দ্বারা নির্মিত ফাংশন ) যে না গ্লোবাল অবজেক্টে যানletconstclass
অবিচল নির্মিত আগে তার পরিক্ষেপ ব্লক যে কোন কোড ধাপে ধাপে মৃত্যুদন্ড কার্যকর করা হয় (এই ক্ষেত্রে, কোন বিশ্বব্যাপী কোড রান সামনে), কিন্তু এটা না প্রবেশযোগ্য কোন ভাবেই পর্যন্ত ধাপে ধাপে সঞ্চালনের ছুঁয়েছে letবিবৃতি। এক্সিকিউশন একবার letবিবৃতিতে পৌঁছে গেলে পরিবর্তনশীল অ্যাক্সেসযোগ্য হয়। ( নীচে "কখন letএবং constকখন হবে" দেখুন))
# 1.2 const a = 0;
একটি বিশ্বব্যাপী ধ্রুবক তৈরি করে, যা বৈশ্বিক বস্তুর সম্পত্তি নয়।
constহ'ল এটির মতো letযা আপনাকে অবশ্যই একটি আরম্ভকারী ( = valueঅংশ) সরবরাহ করতে হবে এবং ধ্রুবকের মান একবার তৈরি হয়ে গেলে আপনি এটি পরিবর্তন করতে পারবেন না। প্রচ্ছদের অধীনে, এটি ঠিক ঠিক এর মতো letতবে শনাক্তকারীকে একটি পতাকা দিয়ে বলছে যে এর মান পরিবর্তন করা যায় না। ব্যবহার constআপনার জন্য তিনটি জিনিস করে:
- যদি আপনি ধ্রুবককে অর্পণ করার চেষ্টা করেন তবে এটি একটি পার্স-টাইম ত্রুটি করে।
- অন্যান্য প্রোগ্রামারদের জন্য তার অপরিবর্তনীয় প্রকৃতির দলিলগুলি।
- জাভাস্ক্রিপ্ট ইঞ্জিনটিকে পরিবর্তিত হবে না এমন ভিত্তিতে অনুকূলিত করতে দেয়।
# 2 a = 0;
এটি গ্লোবাল অবজেক্টে স্পষ্টভাবে একটি সম্পত্তি তৈরি করে । এটি একটি সাধারণ সম্পত্তি হওয়ায় আপনি এটি মুছতে পারেন। আমি এটি না করার পরামর্শ দিচ্ছি , পরে আপনার কোডটি পড়ার পক্ষে কারও কাছে এটি অস্পষ্ট হতে পারে। আপনি যদি ES5 এর কঠোর মোড ব্যবহার করেন তবে এটি (অস্তিত্বহীন পরিবর্তনশীলকে দেওয়া) একটি ত্রুটি। কড়া মোড ব্যবহার করার এটি বেশ কয়েকটি কারণ।
এবং মজার বিষয় হল, আবার আইই 8 এবং তার আগে, সম্পত্তিটি হিসাবযোগ্য নয় ( for..inবিবৃতিতে দেখায় না ) তৈরি করে। এটি অদ্ভুত, বিশেষত নীচে # 3 দেওয়া আছে।
# 3 window.a = 0;
এটি গ্লোবাল অবজেক্টে স্পষ্টভাবে একটি সম্পত্তি তৈরি করে যা গ্লোবাল অবজেক্টকে windowবোঝায় গ্লোবাল ব্যবহার করে (ব্রাউজারগুলিতে; কিছু ব্রাউজারে নয় এমন পরিবেশে একটি সমমানের বৈশ্বিক পরিবর্তনশীল থাকে, যেমন globalনোডজেএস-তে)। এটি একটি সাধারণ সম্পত্তি হওয়ায় আপনি এটি মুছতে পারেন।
এই সম্পত্তি হয় , গণনীয় IE8 উপর এবং তার আগে, এবং প্রত্যেক অন্যান্য ব্রাউজারে আমি চেষ্টা করেছি।
# 4 this.a = 0;
ঠিক # 3 ভালো লেগেছে, আমরা মাধ্যমে বিশ্বব্যাপী বস্তুর উল্লেখ করেছেন সেগুলি ছাড়া thisবিশ্বব্যাপী পরিবর্তে window। এটি কঠোর মোডে কাজ করবে না, যদিও, কঠোর মোডে গ্লোবাল কোডে, thisবৈশ্বিক অবজেক্টের কোনও রেফারেন্স নেই ( undefinedপরিবর্তে এর মান রয়েছে )।
বৈশিষ্ট্য মোছা হচ্ছে
"মুছে ফেলা" বা "অপসারণ" বলতে আমি কী বুঝি a? ঠিক তেমন: deleteকীওয়ার্ডের মাধ্যমে সম্পত্তি (পুরোপুরি) সরানো হচ্ছে :
window.a = 0;
display("'a' in window? " + ('a' in window)); // displays "true"
delete window.a;
display("'a' in window? " + ('a' in window)); // displays "false"
deleteকোনও বস্তু থেকে সম্পত্তিকে সম্পূর্ণ সরিয়ে দেয়। windowঅপ্রত্যক্ষভাবে মাধ্যমে সংযুক্ত বৈশিষ্ট্যগুলি সহ আপনি এটি করতে পারবেন না var, deleteহয় নীরবে উপেক্ষা করা হবে বা একটি ব্যতিক্রম ছুঁড়ে দেওয়া হবে (জাভাস্ক্রিপ্ট প্রয়োগের উপর নির্ভর করে এবং আপনি কঠোর মোডে রয়েছেন কিনা)।
সতর্কতা : আইই 8 আবার (এবং সম্ভবত পূর্ববর্তী, এবং আই 9 9-আই 1111 "ভাঙ্গা" সামঞ্জস্যতা "মোডে): এটি আপনাকে windowঅনুমতি দেওয়া সত্ত্বেও আপনাকে অবজেক্টের বৈশিষ্ট্যগুলি মুছতে দেয় না। সবচেয়ে খারাপ, আপনি চেষ্টা করার সময় এটি একটি ব্যতিক্রম ছোঁড়ে ( আইই 8 এবং অন্যান্য ব্রাউজারগুলিতে এই পরীক্ষাটি ব্যবহার করে দেখুন)। সুতরাং windowঅবজেক্ট থেকে মোছার সময় , আপনি প্রতিরক্ষামূলক হতে হবে:
try {
delete window.prop;
}
catch (e) {
window.prop = undefined;
}
এটি সম্পত্তি মুছতে চেষ্টা করে এবং যদি কোনও ব্যতিক্রম ছুঁড়ে দেওয়া হয় তবে এটি পরবর্তী সেরা কাজটি করে এবং সম্পত্তিটিকে সেট করে undefined।
এটি কেবলমাত্র আইটেমের ক্ষেত্রে windowএবং কেবল88 এবং তার আগে (বা আই 9 9-আই 1111 "ভাঙ্গা" সামঞ্জস্যতা "মোডে) প্রয়োগ করা হয় । অন্যান্য ব্রাউজারগুলি windowউপরের নিয়মের সাপেক্ষে সম্পত্তি মুছে ফেলার ক্ষেত্রে ঠিক আছে ।
যখন varহয়
varস্টেটমেন্টের মাধ্যমে সংজ্ঞায়িত ভেরিয়েবলগুলি এক্সিকিউশন প্রসঙ্গে কোনও ধাপে ধাপে কোড চালনার আগে তৈরি করা হয় এবং সুতরাং সম্পত্তিটি varবিবৃতি দেওয়ার আগেই ভালভাবে উপস্থিত থাকে ।
এটি বিভ্রান্তিকর হতে পারে, তাই আসুন একবার দেখুন:
display("foo in window? " + ('foo' in window)); // displays "true"
display("window.foo = " + window.foo); // displays "undefined"
display("bar in window? " + ('bar' in window)); // displays "false"
display("window.bar = " + window.bar); // displays "undefined"
var foo = "f";
bar = "b";
display("foo in window? " + ('foo' in window)); // displays "true"
display("window.foo = " + window.foo); // displays "f"
display("bar in window? " + ('bar' in window)); // displays "true"
display("window.bar = " + window.bar); // displays "b"
সরাসরি উদাহরণ:
display("foo in window? " + ('foo' in window)); // displays "true"
display("window.foo = " + window.foo); // displays "undefined"
display("bar in window? " + ('bar' in window)); // displays "false"
display("window.bar = " + window.bar); // displays "undefined"
var foo = "f";
bar = "b";
display("foo in window? " + ('foo' in window)); // displays "true"
display("window.foo = " + window.foo); // displays "f"
display("bar in window? " + ('bar' in window)); // displays "true"
display("window.bar = " + window.bar); // displays "b"
function display(msg) {
var p = document.createElement('p');
p.innerHTML = msg;
document.body.appendChild(p);
}
আপনি দেখতে পাচ্ছেন, চিহ্নটি fooপ্রথম লাইনের আগে সংজ্ঞায়িত করা হয়েছে, তবে প্রতীকটি barএটি নয়। var foo = "f";বিবৃতিটি যেখানে রয়েছে, সেখানে দুটি জিনিস রয়েছে: চিহ্নের সংজ্ঞা দেওয়া, কোডের প্রথম লাইনটি চালানোর আগে ঘটে; এবং সেই প্রতীকটিতে একটি অ্যাসাইনমেন্ট করা হচ্ছে, যেখানে লাইনটি ধাপে ধাপে প্রবাহে থাকবে happens এটি " varউত্তোলন" হিসাবে পরিচিত কারণ var fooঅংশটি শীর্ষস্থানীয় ("উত্তোলিত") সরানো হয়েছে, তবে foo = "f"অংশটি তার মূল অবস্থানে রেখে গেছে। ( আমার রক্তাল্পতা সম্পর্কিত ছোট্ট ব্লগে দরিদ্র ভুল বোঝাবুঝিvar দেখুন ))
কখন letএবং constঘটবে
letএবং কয়েক উপায় constথেকে পৃথক var। যেভাবে প্রশ্নের সাথে প্রাসঙ্গিক তা হ'ল যে কোনও ধাপে ধাপে কোড চালানোর আগে তাদের সংজ্ঞায়িত বাঁধাই তৈরি করা হয়েছে, বা বিবৃতি না পৌঁছানো পর্যন্ত এটি অ্যাক্সেসযোগ্য নয় ।letconst
সুতরাং এটি চালানোর সময়:
display(a); // undefined
var a = 0;
display(a); // 0
এটি একটি ত্রুটি নিক্ষেপ করে:
display(a); // ReferenceError: a is not defined
let a = 0;
display(a);
অন্য দুটি উপায় যা letও এর constথেকে পৃথক var, যা সত্যই প্রশ্নের সাথে প্রাসঙ্গিক নয়, সেগুলি হল:
varসর্বদা সম্পূর্ণ কার্যকরকরণ প্রসঙ্গে (সমস্ত গ্লোবাল কোড জুড়ে, বা যেখানে উপস্থিত হয় সেখানে ফাংশন কোড জুড়ে) প্রয়োগ হয় , letএবং constকেবল যেখানে প্রদর্শিত হবে সেই ব্লকের মধ্যেই প্রয়োগ করে । অর্থাৎ varফাংশনটি (বা গ্লোবাল) সুযোগ আছে, কিন্তু letএবং constব্লক সুযোগ আছে।
var aএকই প্রসঙ্গে পুনরাবৃত্তি নিরীহ, তবে আপনার যদি let a(বা const a) থাকে তবে অন্য let aবা একটি const aবা একটি var aথাকা একটি বাক্য গঠন ত্রুটি।
এখানে একটি উদাহরণ প্রদর্শক যে letএবং constঅবিলম্বে কার্যকর তাদের ব্লক যে ব্লক রান মধ্যে যে কোনো কোড সামনে, কিন্তু এই সময়ের প্রবেশযোগ্য নয় letবা constবিবৃতি:
var a = 0;
console.log(a);
if (true)
{
console.log(a); // ReferenceError: a is not defined
let a = 1;
console.log(a);
}
নোট করুন যে দ্বিতীয়টি ব্লকের বাইরে থেকে console.logঅ্যাক্সেস না করে ব্যর্থ হয় a।
অফ-টপিক: গ্লোবাল অবজেক্টকে বিশৃঙ্খলা এড়িয়ে চলুন ( window)
windowবস্তু খুব খুব properties সহযোগে বিশৃঙ্খল পায়। যখনই সম্ভব, জগাখিচির সাথে জঞ্জাল না যুক্ত করার পরামর্শ দিন। পরিবর্তে, আপনার প্রতীকগুলি সামান্য প্যাকেজে গুটিয়ে রাখুন এবং অবজেক্টটিতে সর্বাধিক একটি প্রতীক রফতানি করুন window। (আমি প্রায়শই বস্তুটিতে কোনও চিহ্ন রফতানি করি না window)) আপনার চিহ্নগুলি ধারণ করতে আপনি আপনার কোডগুলি সমস্ত ধারণ করতে একটি ফাংশন ব্যবহার করতে পারেন এবং যদি আপনি চান তবে এই ফাংশনটি বেনামে থাকতে পারে:
(function() {
var a = 0; // `a` is NOT a property of `window` now
function foo() {
alert(a); // Alerts "0", because `foo` can access `a`
}
})();
এই উদাহরণে, আমরা একটি ফাংশন সংজ্ঞায়িত করি এবং এটি অবিলম্বে কার্যকর করা হবে ( ()শেষে)।
এইভাবে ব্যবহৃত একটি ফাংশন ঘন ঘন একটি স্কোপিং ফাংশন বলা হয় । স্কোপিং ফাংশনটির মধ্যে সংজ্ঞায়িত ফাংশনগুলি স্কোপিং ফাংশনে সংজ্ঞায়িত ভেরিয়েবলগুলিতে অ্যাক্সেস করতে পারে কারণ তারা সেই ডেটা ধরে ক্লোজার হয়ে আছে (দেখুন: বন্ধকগুলি আমার রক্তাল্পের ছোট্ট ব্লগে জটিল নয় )।