วิธีการใช้งาน JavaScript เพื่อแสดงฟังก์ชั่นการเรียกสแต็ก

บทความนี้อธิบายถึงวิธีการใช้งาน JavaScript เพื่อแสดงฟังก์ชั่นการเรียกสแต็ก แบ่งปันสำหรับการอ้างอิงของคุณดังนี้:

ฟังก์ชั่นการเรียกความสัมพันธ์ระหว่างแอปพลิเคชัน JavaScript ขนาดใหญ่จำนวนมากนั้นซับซ้อนมาก ในระหว่างการพัฒนาหรือการดีบักมักจะจำเป็นต้องติดตามฟังก์ชั่นที่เรียกใช้ฟังก์ชันก่อนที่จะถูกเรียกให้ดำเนินการ เป็นสิ่งสำคัญมากที่จะต้องเข้าใจลำดับของการเรียกใช้ฟังก์ชั่นเหล่านี้เพื่อให้เราเข้าใจการไหลของข้อมูลของรหัส

Firebug จัดเตรียม console.trace () เพื่อแสดงฟังก์ชั่นสแต็ก การเพิ่มบรรทัดของรหัสต่อไปนี้ไปยังสถานที่ที่จำเป็นต้องมีการดีบักสามารถแสดงความสัมพันธ์บริบทเมื่อเรียกใช้ฟังก์ชัน IE6 ไม่สะดวก มันไม่ได้ให้เครื่องมือในการแสดงฟังก์ชั่นสแต็ก เมื่อเป็นสิ่งที่หลีกเลี่ยงไม่ได้ที่จะดีบั๊กรหัสใน IE6 ให้ใช้รหัสต่อไปนี้เพื่อแสดงฟังก์ชันสแต็ก (ขอแนะนำให้บันทึกรหัส JavaScript ต่อไปนี้เป็น console.trace.js และอ้างอิงหน้าโดยแนะนำ JS ภายนอก):

รหัส JavaScript มีดังนี้:

 /*** รับชื่อฟังก์ชั่น ** @param {function} func function อ้างอิง*@return {String} ชื่อฟังก์ชัน*/ฟังก์ชั่น getFunctionName (func) {ถ้า (typeof func == 'function' || typeof func == 'object') {var name = (' + func) ชื่อ [1];} if (! ('คอนโซล' ในหน้าต่าง)) {window.console = {};} ถ้า (! console.trace) { /** * แสดงฟังก์ชั่นสแต็ก <br/> * {c ();} ฟังก์ชั่น c () {d ();} ฟังก์ชั่น d () {console.trace ();} a (); การแจ้งเตือน ('ฟังก์ชั่นบนสแต็ก:' + '/n' + stack.join ('/n'));}};

สำหรับข้อมูลเพิ่มเติมเกี่ยวกับเนื้อหาที่เกี่ยวข้องกับ JavaScript โปรดตรวจสอบหัวข้อของไซต์นี้: "สรุปเอฟเฟกต์และเทคนิคการสลับ JavaScript", "สรุปทักษะอัลกอริธึมการค้นหา JavaScript", "สรุปผลการสรุปและเทคนิคการสรุปของ JavaScript ของ JavaScript อัลกอริทึมและเทคนิคการสำรวจ JavaScript "และ" สรุปการใช้งานทางคณิตศาสตร์ JavaScript "

ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน