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