HTML DOM console.trace() मेथड का उपयोग उस पॉइंट तक स्टैक ट्रेस प्रदर्शित करने के लिए किया जाता है जहां console.trace() मेथड को कॉल किया गया है। यह मूल रूप से कोड पथ (code path) प्रदर्शित करने के लिए उपयोग किया जाता है यानी कोड उस पॉइंट पर कैसे पहुंचा।
सिंटैक्स (Syntax)
console.trace() मेथड का सिंटैक्स:
console.trace(label);
यहां, label एक वैकल्पिक पैरामीटर है जो कोड ट्रेस के लिए लेबल निर्दिष्ट करने के लिए स्ट्रिंग टाइप का है। यह मदद करता है अगर अलग-अलग कोड टुकड़ों के लिए कई ट्रेस हैं।
उदाहरण (Example)
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>आउटपुट (Output)
इससे निम्नलिखित आउटपुट प्राप्त होगा:
Start Trace बटन पर क्लिक करने और कंसोल टैब में आउटपुट देखने पर:
उपरोक्त उदाहरण में:
हमने पहले एक "Start Trace" बटन बनाया जो यूजर द्वारा क्लिक किए जाने पर Function1() को एक्जीक्यूट करेगा:
<button onclick="Function1()">Start Trace</button>
Function1() Function2() को एक्जीक्यूट करेगा और Function2() अपने अंदर मौजूद console.trace() मेथड को एक्जीक्यूट करेगा। यह एक स्टैक ट्रेस है इसलिए यह लास्ट-इन फर्स्ट-आउट ऑर्डर का पालन करेगा। चूंकि console.trace मेथड को Function2() द्वारा कॉल किया गया था, यह पॉप होने वाला पहला होगा।
Function1() ने Function2() को एक्जीक्यूट किया, इसलिए यह पॉप होने वाला दूसरा होगा। अंत में चूंकि Function1() को "Start Trace" बटन द्वारा क्लिक किए जाने पर एक्जीक्यूट किया गया था, यह पॉप होने वाला अंतिम होगा। इसका मतलब है कि यह उस क्रम का उल्टा क्रम होगा जिसमें उन्हें कॉल किया गया है:
<button onclick="Function1()">Start Trace</button> function Function1() { Function2(); } function Function2() { console.trace(); }
