এই 2 উদাহরণ নিন:
var A = function() { this.hey = function() { alert('from A') } };
বনাম
var A = function() {}
A.prototype.hey = function() { alert('from prototype') };
এখানকার বেশিরভাগ লোক (বিশেষত শীর্ষ রেটিংযুক্ত উত্তর) WHW ব্যাখ্যা না করে তারা কীভাবে আলাদা তা বোঝানোর চেষ্টা করেছিল। আমি মনে করি এটি ভুল এবং আপনি যদি প্রথমে মৌলিক বিষয়গুলি বুঝতে পারেন তবে পার্থক্যটি সুস্পষ্ট হয়ে উঠবে। আসুন প্রথমে মৌলিক বিষয়গুলি ব্যাখ্যা করার চেষ্টা করি ...
ক) একটি ফাংশন জাভাস্ক্রিপ্ট একটি বস্তু। জাভাস্ক্রিপ্টের প্রতিটি বস্তু একটি অভ্যন্তরীণ সম্পত্তি পায় (অর্থাত্ আপনি ক্রোমের মতো ব্রাউজারগুলি ব্যতীত অন্যান্য বৈশিষ্ট্যগুলির মতো এটি অ্যাক্সেস করতে পারবেন না) হিসাবে প্রায়শই উল্লেখ করা হয় __proto__(এটি আসলে anyObject.__proto__কী উল্লেখ করে তা দেখতে আপনি ক্রোমে টাইপ করতে পারেন This এটি কেবল এটি , একটি সম্পত্তি, আর কিছুই নয় Java জাভাস্ক্রিপ্টে একটি সম্পত্তি = কোনও জিনিসের ভিতরে একটি পরিবর্তনশীল, এর চেয়ে বেশি কিছুই নয় vari ভেরিয়েবলগুলি কী করে? তারা জিনিসগুলিকে নির্দেশ করে।
সুতরাং এই __proto__সম্পত্তি কি নির্দেশ করে? ভাল, সাধারণত অন্য একটি জিনিস (আমরা পরে তা কেন ব্যাখ্যা করব)। __proto__সম্পত্তিটির জন্য জাভাস্ক্রিপ্টকে বাধ্য করার একমাত্র উপায় হ'ল অন্য অবজেক্টের দিকে নির্দেশ না করা var newObj = Object.create(null)। এমনকি আপনি যদি এটি করেন তবে __proto__সম্পত্তিটি এখনও অবজেক্টের সম্পত্তি হিসাবে বিদ্যমান, কেবল এটি অন্য কোনও বস্তুর দিকে নির্দেশ করে না, এটি নির্দেশ করে null।
এখানে বেশিরভাগ লোক বিভ্রান্ত হয়:
আপনি যখন জাভাস্ক্রিপ্টে একটি নতুন ফাংশন তৈরি করেন (যা একটি অবজেক্টটিও রয়েছে, মনে রাখবেন?), এই মুহুর্তটি সংজ্ঞায়িত হওয়ার পরে, জাভাস্ক্রিপ্ট স্বয়ংক্রিয়ভাবে সেই ফাংশনে একটি নতুন সম্পত্তি তৈরি করে prototype। এটি চেষ্টা করুন:
var A = [];
A.prototype // undefined
A = function() {}
A.prototype // {} // got created when function() {} was defined
A.prototype__proto__সম্পত্তি থেকে সম্পূর্ণ আলাদা । আমাদের উদাহরণে, 'এ' এর এখন 'প্রোটোটাইপ' নামক TWO বৈশিষ্ট্য রয়েছে এবং __proto__। এটি মানুষের জন্য একটি বড় বিভ্রান্তি। prototypeএবং __proto__বৈশিষ্ট্যগুলি কোনওভাবেই সম্পর্কিত নয়, এগুলি পৃথক পৃথক মানকে নির্দেশ করে পৃথক জিনিস।
আপনি ভাবতে পারেন: জাভাস্ক্রিপ্ট কেন __proto__প্রতিটি একক বস্তুর উপর সম্পত্তি তৈরি করে? ভাল, এক শব্দ: প্রতিনিধি । আপনি যখন কোনও বস্তুতে কোনও সম্পত্তি কল করেন এবং অবজেক্টটিতে এটি না থাকে, তখন জাভাস্ক্রিপ্ট রেফারেন্স করে অবজেক্টের সন্ধান করে __proto__এটি সম্ভবত আছে কিনা তা দেখার জন্য। যদি এটি না থাকে তবে এটি __proto__চেনা শেষ না হওয়া অবধি সেই অবজেক্টের সম্পত্তি এবং এ জাতীয় দিকে নজর রাখবে। এইভাবে নাম প্রোটোটাইপ চেইন । অবশ্যই, যদি __proto__কোনও বস্তুর দিকে ইঙ্গিত না করে এবং পরিবর্তে nullভাল ভাগ্যের দিকে ইঙ্গিত না করে তবে জাভাস্ক্রিপ্ট বুঝতে পারে এবং এটি আপনাকে undefinedসম্পত্তি হিসাবে ফিরিয়ে দেবে ।
আপনিও ভাবতে পারেন, জাভাস্ক্রিপ্ট prototypeফাংশনটি সংজ্ঞায়িত করার সময় কেন কোনও ফাংশনের জন্য ডাকা সম্পত্তি তৈরি করে? কারণ এটি আপনাকে বোকা বানানোর চেষ্টা করে, হ্যাঁ আপনাকে বোকা বানায় যে এটি শ্রেণিবদ্ধ ভাষার মতো কাজ করে।
আসুন আমাদের উদাহরণটি দিয়ে চলুন এবং এর থেকে একটি "অবজেক্ট" তৈরি করুন A:
var a1 = new A();
এই জিনিসটি যখন ঘটেছিল তখন পটভূমিতে কিছু ঘটেছিল। a1এটি একটি সাধারণ ভেরিয়েবল যা একটি নতুন, খালি অবজেক্ট বরাদ্দ করা হয়েছিল।
newকোনও ফাংশন আমন্ত্রণের আগে আপনি অপারেটরটি ব্যবহার করেছিলেন A()তা ব্যাকগ্রাউন্ডে ADDITIONAL কিছু করেছিল। newশব্দ একটি নতুন বস্তু যা এখন রেফারেন্স নির্মিত a1এবং যে বস্তুর খালি। অতিরিক্তভাবে যা ঘটছে তা এখানে:
আমরা বলেছিলাম যে প্রতিটি ফাংশন সংজ্ঞা অনুসারে একটি নতুন সম্পত্তি তৈরি করা আছে prototype(যা আপনি এটির সাথে __proto__সম্পত্তির তুলনায় এটি অ্যাক্সেস করতে পারবেন ) তৈরি করা হয়েছে? ঠিক আছে, সেই সম্পত্তি এখন ব্যবহৃত হচ্ছে।
সুতরাং আমরা এখন এমন এক পর্যায়ে এসেছি যেখানে আমাদের তাজা বেকড খালি a1অবজেক্ট রয়েছে। আমরা বলেছিলাম যে জাভাস্ক্রিপ্টের সমস্ত বস্তুর একটি অভ্যন্তরীণ __proto__সম্পত্তি রয়েছে যা কোনও কিছুর দিকে নির্দেশ করে ( a1এটিও রয়েছে), এটি নাল হোক বা অন্য কোনও বস্তু। কি newঅপারেটর আছে যে এটা যে সেট করে __proto__ফাংশনের দিকে নির্দেশ সম্পত্তি prototypeসম্পত্তি। আবার পড়ুন। এটি মূলত এটি:
a1.__proto__ = A.prototype;
আমরা বলেছি যে A.prototypeএটি খালি বস্তু ছাড়া আর কিছুই নয় (যতক্ষণ না আমরা এটি সংজ্ঞায়নের আগে অন্য কিছুতে পরিবর্তন করি a1)। সুতরাং এখন মূলত a1.__proto__একই জিনিস A.prototypeনির্দেশ করে, যা যে খালি অবজেক্ট। তারা উভয়ই একই বস্তুর দিকে ইঙ্গিত করে যা এই লাইনটি ঘটানোর সময় তৈরি হয়েছিল:
A = function() {} // JS: cool. let's also create A.prototype pointing to empty {}
এখন, var a1 = new A()বিবৃতি প্রক্রিয়া করার সময় আরও একটি জিনিস ঘটছে । মূলত A()মৃত্যুদন্ড কার্যকর করা হয় এবং এ যদি এর মতো কিছু হয়:
var A = function() { this.hey = function() { alert('from A') } };
ভিতরে function() { }থাকা সমস্ত স্টাফ কার্যকর করতে চলেছে। আপনি যখন this.hey..লাইনে পৌঁছবেন তখন এতে thisপরিবর্তন করা হয় a1এবং আপনি এটি পান:
a1.hey = function() { alert('from A') }
কেন thisপরিবর্তন হয় তা আমি কভার করব না a1তবে এটি আরও জানার জন্য দুর্দান্ত উত্তর ।
সুতরাং সংক্ষিপ্তসার হিসাবে, যখন আপনি var a1 = new A()ব্যাকগ্রাউন্ডে 3 টি জিনিস ঘটে থাকে:
- সম্পূর্ণ নতুন শূন্য বস্তু তৈরি করা এবং নির্ধারিত হয়
a1।a1 = {}
a1.__proto__A.prototypeপয়েন্ট হিসাবে একই জিনিস বিন্দু হিসাবে সম্পত্তি নির্ধারিত হয় (অন্য খালি বস্তু {})
পদক্ষেপ 1 এ নতুন, শূন্য বস্তু তৈরির সেট A()দিয়ে ফাংশনটি সম্পাদন করা হচ্ছে this(কেন উপরে thisপরিবর্তন হয় আমি উপরে উল্লিখিত উত্তরটি পড়ি কেন a1)
এখন, অন্য একটি বস্তু তৈরি করার চেষ্টা করা যাক:
var a2 = new A();
1,2,3 পদক্ষেপ পুনরাবৃত্তি করবে। আপনি কিছু লক্ষ্য করেন? মূল শব্দটি পুনরাবৃত্তি হয়। পদক্ষেপ 1: a2একটি নতুন ফাঁকা বস্তু হবে, পদক্ষেপ 2: এর __proto__সম্পত্তি একই জিনিসকে A.prototypeনির্দেশ করবে এবং সবচেয়ে গুরুত্বপূর্ণভাবে, পদক্ষেপ 3: ফাংশনটি A()আবার কার্যকর করা হয়, যার অর্থ একটি ফাংশনযুক্ত সম্পত্তি a2পাবেন hey। a1এবং a2দুটি পৃথক সম্পত্তি রয়েছে যার নাম hey2 টি পৃথক ফাংশন রয়েছে! আমাদের এখন একই দুটি একই ভিন্ন ভিন্ন বস্তুর সদৃশ ফাংশন রয়েছে, উফ ... আপনি যদি আমাদের 1000 টি অবজেক্ট তৈরি করে থাকেন তবে এর মেমরির প্রভাবগুলি কল্পনা করতে পারেন new A, সমস্ত ফাংশন ডিক্লেয়ারেশনের পরে 2 সংখ্যাটির মতো কিছু বেশি স্মৃতি গ্রহণ করে So আমরা কীভাবে এটি প্রতিরোধ করব?
মনে রাখবেন __proto__সম্পত্তি কেন প্রতিটি বস্তুর উপর বিদ্যমান? যাতে আপনি যদি yoManসম্পত্তিটি পুনরুদ্ধার করেন a1(যা বিদ্যমান নেই) তবে তার __proto__সম্পত্তির সাথে পরামর্শ করা হবে, এটি যদি কোনও বস্তু হয় (এবং এটি বেশিরভাগ ক্ষেত্রে হয় তবে) এটি এটি রয়েছে কিনা তা খতিয়ে দেখবে yoManএবং যদি তা না থাকে, এটি সেই বস্তুর __proto__ইত্যাদির সাথে পরামর্শ করবে it যদি এটি হয় তবে এটি সেই সম্পত্তিটির মূল্য নেবে এবং এটি আপনার কাছে প্রদর্শন করবে।
সুতরাং কেউ এই সত্যটি ব্যবহার করার সিদ্ধান্ত নিয়েছে + আপনি যখন এটি তৈরি করেন তখন a1এর __proto__সম্পত্তি একই (খালি) অবজেক্টের দিকে A.prototypeইঙ্গিত করে এবং এটি করে:
var A = function() {}
A.prototype.hey = function() { alert('from prototype') };
শান্ত! এখন, আপনি যখন তৈরি করবেন a1, এটি আবার উপরের 3 টি ধাপের মধ্য দিয়ে যায় এবং 3 য় ধাপে, এটি কিছুই করে না, যেহেতু function A()কার্যকর করার কিছুই নেই। এবং যদি আমরা করি:
a1.hey
এটি দেখতে পাবে যে এটি a1ধারণ করে না heyএবং এটি তার __proto__সম্পত্তি বিষয়টিকে এটি রয়েছে কিনা তা যাচাই করবে which
এই পদ্ধতির সাহায্যে আমরা পদক্ষেপ 3 থেকে অংশটি সরিয়ে ফেলি যেখানে প্রতিটি নতুন অবজেক্ট তৈরিতে ফাংশনগুলি নকল করা হয়। পৃথক সম্পত্তি রাখার পরিবর্তে a1এবং a2রাখার পরিবর্তে heyএখন তাদের কারও কাছেই এটি নেই। কোনটি, আমার ধারণা, আপনি এখনই নিজেকে আবিষ্কার করেছেন। এটি দুর্দান্ত জিনিস ... যদি আপনি বুঝতে পারেন __proto__এবং Function.prototypeএই জাতীয় প্রশ্নগুলি বেশ সুস্পষ্ট হবে।
দ্রষ্টব্য: কিছু লোক অভ্যন্তরীণ প্রোটোটাইপ সম্পত্তি হিসাবে কল না করার প্রবণতা রাখে __proto__, আমি এই নামটি পোস্টের মাধ্যমে ব্যবহার করে Functional.prototypeসম্পত্তিটিকে দুটি আলাদা জিনিস হিসাবে পরিষ্কারভাবে আলাদা করতে পারি ।
