আমার জাভাস্ক্রিপ্ট ফাংশন নাম কেন সংঘর্ষ হয়?

Question 1

আমি ভেরিয়েবল এবং একটি ফাংশন যা তার কাছে নির্ধারিত ফাংশনগুলির সাথে তাদের নামগুলির সংঘর্ষ হয় তা হলে কী ঘটে তা দেখার জন্য আমি নিম্নলিখিত স্ক্রিপ্টটি লিখেছিলাম:

var f = function() {
    console.log("Me original.");
}

function f() {
    console.log("Me duplicate.");
}

f();

আমি যে আউটপুট পাচ্ছি তা হ'ল "আমি আসল"। অন্য ফাংশনটি কেন বলা হয়নি?

এছাড়াও, আমি যদি আমার আসল অ্যাসাইনমেন্টটি এতে পরিবর্তন করি তবে আমি var f = new function() {"মি অরিজিনাল" পাই, তারপরে টাইপএরর বলা হবে object is not a function। কেউ দয়া করে ব্যাখ্যা করতে পারেন?

Question 2

জাভাস্ক্রিপ্টে ফাংশন ঘোষণাগুলি উত্তোলন করা হয় (শীর্ষে সরানো হয়েছে)। পার্সিং অর্ডারের ক্ষেত্রে ভুল থাকা অবস্থায়, আপনার কাছে কোডটি শব্দগুচ্ছভাবে নীচের মতই রয়েছে কারণ ফাংশন ডিক্লেয়ারেশনগুলি উত্তোলন করা হয়:

function f() {
    console.log("Me duplicate.");
}
var f = function() {
    console.log("Me original.");
}


f();

যা পরিবর্তে ফাংশনটির নাম বাদে একই রকম:

var f = function() {
    console.log("Me duplicate.");
}
var f = function() {
    console.log("Me original.");
}


f();

পরিবর্তনশীল উত্তোলনের কারণে পরিবর্তিত যা একই:

var f;
f = function() {
    console.log("Me duplicate.");
}
f = function() {
    console.log("Me original.");
}

f();

যা আপনি কী পাচ্ছেন তা ব্যাখ্যা করে, আপনি ফাংশনটি ওভাররাইড করছেন। আরও সাধারণভাবে, varজাভাস্ক্রিপ্টে একাধিক ঘোষণার অনুমতি রয়েছে - var x = 3; var x = 5পুরোপুরি আইনী। নতুন ECMAScript 6 স্ট্যান্ডার্ডে letবিবৃতি এটিকে নিষিদ্ধ করে।

@ কংগ্যাক্সের এই নিবন্ধটি জাভাস্ক্রিপ্টে ডিমেস্টাইটিং ফাংশনগুলিতে দুর্দান্ত কাজ করেছে does

Question 3

যদি মনে হয় না যে কেউ আপনার ফলো-আপ প্রশ্নের উত্তর দিয়েছে তাই আমি এখানে এটার উত্তর দেব, যদিও আপনার সাধারণত অনুসরণ হিসাবে আলাদা প্রশ্ন হিসাবে প্রশ্ন করা উচিত।

আপনি জিজ্ঞাসা করেছেন কেন এটি:

var f = new function() {
    console.log("Me original.");
}

function f() {
    console.log("Me duplicate.");
}

f();

"মি অরিজিনাল" প্রিন্ট করে। এবং তারপরে একটি ত্রুটি।

এখানে যা ঘটছে তা হ'ল newফাংশনটি কনস্ট্রাক্টর হিসাবে ব্যবহার করার কারণ। সুতরাং এটি নিম্নলিখিত সমতুল্য:

function myConstructor() {
    console.log("Me original.");
}
var f = new myConstructor();

function f() {
    console.log("Me duplicate.");
}

f();

এবং বেনিয়ামিন যে অনুষ্ঠান উত্তোলনের ব্যাখ্যা দিয়েছিলেন তার জন্য ধন্যবাদ, উপরোক্তগুলি মূলত এর সমতুল্য:

var myConstructor = function() {
    console.log("Me original.");
};
var f = function() {
    console.log("Me duplicate.");
};

f = new myConstructor();

f();

এই অভিব্যক্তি:

var f = new function() {
    console.log("Me original.");
}

কনস্ট্রাক্টর fহিসাবে একটি বেনামি ফাংশন ব্যবহার করে একটি নতুন অবজেক্ট তৈরি এবং নির্ধারিত করে causes "আমি আসল।" কনস্ট্রাক্টর এক্সিকিউট হিসাবে মুদ্রিত হয়। তবে যে অবজেক্টটি নির্মিত হয় তা নিজেই কোনও ফাংশন নয়, সুতরাং যখন এটি শেষ পর্যন্ত সম্পাদন করে:

f();

আপনি একটি ত্রুটি পান, কারণ fএটি কোনও ফাংশন নয়।

Question 4

ক্ষমা করুন যদি এটি কোনও পয়েন্ট যুক্ত করার পদ্ধতির ভুল উপায় হয়। আমি এখানে খুব বেশি কিছু পাইনি, এবং গঠনমূলক দিকনির্দেশ এবং / বা সমালোচনাকে স্বাগত জানাব।

বেঞ্জামিনের উত্তরটি ওপির প্রশ্নটিকে দুর্দান্তভাবে সম্বোধন করেছে, তবে আমি একটি টুইট করতে চাই যা আমাদের উত্তোলন এবং এর বৈচিত্র্যগুলির একটি সম্পূর্ণ সফর দেবে।

যদি আমরা কলটি দিয়ে মূল কোডটি শুরু করি f, তবে:

f();

var f = function() {
   console.log("Me original.");
};

function f() {
   console.log("Me duplicate.");
}

f();

আউটপুটটি তখন হবে:

Me duplicate.
Me original.

কারণ varএবং functionবিবৃতিগুলি কিছুটা ভিন্ন উপায়ে উত্তোলন করা হয়।

জন্য ঘোষণা বর্তমান সুযোগ * উপরের চলে যায়, কিন্তু কোনো কাজ উত্তোলন করা হয় না। ঘোষিত ভেরার মান যতদূর যায়, মূল অ্যাসাইনমেন্ট লাইনটি না পৌঁছানো পর্যন্ত এটি অপরিজ্ঞাত।var

জন্য functionবিবৃতি , উভয় ঘোষণা এবং সংজ্ঞা উত্তোলন করা হয়। কনস্ট্রাক্ট হিসাবে ব্যবহৃত ফাংশন এক্সপ্রেশন , var f = function() {...উত্তোলন করা হয় না।

উত্তোলনের পরে, মৃত্যুদন্ড কার্যকর করার মতো কোডটি ছিল:

var f; // declares var f, but does not assign it.

// name and define function f, shadowing the variable
function f() { 
  console.log("Me duplicate.");
}

// call the currently defined function f
f(); 

// assigns the result of a function expression to the var f,
// which shadows the hoisted function definition once past this point lexically
f = function() { 
  console.log("Me original."); 
}

// calls the function referenced by the var f
f();

* সমস্ত জাভাস্ক্রিপ্ট স্কোপ লেক্সিকাল, বা ফাংশন, স্কোপ, তবে দেখে মনে হয়েছিল এটি কেবলমাত্র শব্দটিকে ব্যবহার করতে বিভ্রান্ত করবে point