HTML DOM console.trace() পদ্ধতিটি স্ট্যাক ট্রেস প্রদর্শনের জন্য ব্যবহৃত হয় যেখানে console.trace() পদ্ধতিটি বলা হয়েছে। এটি মূলত কোড পাথ প্রদর্শনের জন্য ব্যবহৃত হয় অর্থাৎ কোডটি সেই সময়ে কীভাবে শেষ হয়েছিল৷
সিনট্যাক্স
console.trace() পদ্ধতির জন্য সিনট্যাক্স নিচে দেওয়া হল।
console.trace(label);
এখানে, লেবেল হল কোড ট্রেসের জন্য লেবেল নির্দিষ্ট করার জন্য টাইপ স্ট্রিং এর একটি ঐচ্ছিক প্যারামিটার। কোডের বিভিন্ন অংশের জন্য একাধিক ট্রেস থাকলে এটি সাহায্য করে।
উদাহরণ
আসুন console.trace() পদ্ধতির জন্য একটি উদাহরণ দেখি -
<!DOCTYPE html>
<html>
<body>
<h1> console.trace() Method</h1>
<p>Click the below button…</p>
<button onclick="Function1()">Start Trace</button>
<script>
function Function1(){
Function2();
}
function Function2(){
console.trace();
}
</script>
<p>View the stack trace in the console after clicking the above button& </p>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
স্টার্ট ট্রেস বোতামে ক্লিক করলে এবং কনসোল ট্যাবে আউটপুট দেখা।
উপরের উদাহরণে -
আমরা প্রথমে "স্টার্ট ট্রেস" বোতাম তৈরি করেছি যা ব্যবহারকারীর দ্বারা ক্লিক করার পরে ফাংশন1() কার্যকর করবে৷
<button onclick="Function1()">Start Trace</button>
Function1() Function2() এবং Function2() এর ভিতরে উপস্থিত console.stacktrace() মেথড এক্সিকিউট করবে। এটি একটি স্ট্যাক ট্রেস তাই এটি লাস্ট-ইন ফার্স্ট-আউট অর্ডার অনুসরণ করবে। যেহেতু console.trace পদ্ধতিটি Function2() দ্বারা আহ্বান করা হয়েছিল এটি প্রথম পপ করা হবে৷
Function1() ফাংশন2() কার্যকর করেছে, তাই এটি পপ করা দ্বিতীয় হবে। অবশেষে যেহেতু ফাংশন 1() "স্টার্ট ট্রেস" বোতাম দ্বারা নির্বাহ করা হয়েছিল, ক্লিক করার পরে এটি পপ করা শেষ হবে। এর মানে এটা হবে বিপরীত ক্রম যেখানে তাদের ডাকা হচ্ছে −
<button onclick="Function1()">Start Trace</button>
function Function1(){
Function2();
}
function Function2(){
console.trace();
} 