ข้อผิดพลาดของ JavaScript (Uncaught SyntaxError: สิ้นสุดการป้อนข้อมูลที่ไม่คาดคิด)

ฉันมีรหัสจาวาสคริปต์บางอย่างที่ทำงานใน FireFox แต่ไม่ใช่ใน Chrome หรือ IE

ใน Chrome JS Console ฉันได้รับข้อผิดพลาดดังต่อไปนี้:

"Uncaught SyntaxError: การสิ้นสุดอินพุตที่ไม่คาดคิด".

รหัส JavaScript ที่ฉันใช้คือ:

<script>
 $(function() {
 $("#mewlyDiagnosed").hover(function() {
    $("#mewlyDiagnosed").animate({'height': '237px', 'top': "-75px"});
 }, function() {
    $("#mewlyDiagnosed").animate({'height': '162px', 'top': "0px"});
 });
</script>

มันบอกว่าข้อผิดพลาดอยู่ในบรรทัดสุดท้ายซึ่งก็คือ });

});เพิ่มเป็นครั้งที่สอง

เมื่อเยื้องอย่างเหมาะสมรหัสของคุณจะอ่าน

$(function() {
    $("#mewlyDiagnosed").hover(function() {
        $("#mewlyDiagnosed").animate({'height': '237px', 'top': "-75px"});
    }, function() {
        $("#mewlyDiagnosed").animate({'height': '162px', 'top': "0px"});
    });
MISSING!

$(function() {คุณไม่เคยปิดด้านนอก

ในกรณีของฉันฉันพยายามแยก JSON ที่ว่างเปล่า:

JSON.parse(stringifiedJSON);

สิ่งที่เกิดขึ้นคือ:

JSON.parse("");

http://jsbeautifier.org/เป็นประโยชน์ในการเยื้องรหัส JS ขนาดเล็กของคุณ

นอกจากนี้ด้วยGoogle Chromeคุณสามารถใช้ "พิมพ์สวย" ดูตัวอย่างหน้าจอด้านล่างที่แสดงjquery.min.jsจาก Stack Overflow ซึ่งเยื้องไปทางเบราว์เซอร์ของฉันได้อย่างชัดเจน :)

การจัดรูปแบบโค้ดของคุณเล็กน้อยคุณได้ปิดฟังก์ชันโฮเวอร์ด้านในเท่านั้น คุณยังไม่ได้ปิดชิ้นส่วนภายนอกทำเครื่องหมายด้านล่าง:

$(// missing closing)
 function() { // missing closing }
     $("#mewlyDiagnosed").hover(
        function() {
            $("#mewlyDiagnosed").animate({'height': '237px', 'top': "-75px"});
        }, 
        function() {
            $("#mewlyDiagnosed").animate({'height': '162px', 'top': "0px"});
        });

ในกรณีของฉันมันกลายเป็นปัญหาใบเสนอราคาแบบง่าย ๆในbookmarkletของฉันโปรดจำไว้ว่าให้ใช้เครื่องหมายคำพูดเดี่ยวบน bookmarklet เท่านั้น ในกรณีนี้จะช่วยให้ใครบางคน

ฉันพบข้อผิดพลาดนี้เมื่อพยายามเขียน javascript bookmarklet ฉันไม่สามารถหาสาเหตุที่ทำให้มัน แต่ในที่สุดฉันก็ลองเข้ารหัส URL bookmarklet ผ่านเว็บไซต์ต่อไปนี้: http://mrcoles.com/bookmarklet/จากนั้นข้อผิดพลาดก็หายไปดังนั้นมันจะต้องมีปัญหากับอักขระบางตัวในรหัสจาวาสคริปต์ที่ถูกตีความว่าเป็น URL พิเศษ อักขระควบคุม

ข้อผิดพลาดนี้ส่วนใหญ่เกิดจากการเรียก ajax ที่ว่างเปล่าเมื่อพยายามแยก JSON ที่ว่างเปล่า

เพื่อแก้ไขการทดสอบนี้หากข้อมูลที่ส่งคืนว่างเปล่า

$.ajax({
    url: url,
    type: "get",
    dataType: "json",
    success: function (response) {

        if(response.data.length == 0){
            // EMPTY
        }else{
            var obj =jQuery.parseJSON(response.data);
            console.log(obj);
        }
    }
});

ในกรณีของฉันมันเกิดจากการขาด(0)ในjavascript:void(0)สมอ

ฉันได้สิ่งนี้เนื่องจากฉันมีความคิดเห็นในไฟล์ที่ฉันเพิ่มใน JS ของฉันเหตุผลที่น่าอึดอัดใจจริงๆกับสิ่งที่เกิดขึ้น - แม้ว่าเมื่อคลิกที่VMไฟล์ที่แสดงผลล่วงหน้าและจับข้อผิดพลาดคุณจะพบว่า ข้อผิดพลาดคือในกรณีของฉันมันเป็นเพียงรหัส uncommenting ฉันใช้

ฉันยังมีข้อผิดพลาดนี้ชี้ไปที่จุดสิ้นสุดของบล็อกสคริปต์บนหน้าสุดท้ายเท่านั้นที่จะตระหนักถึงข้อผิดพลาดที่เป็นจริงจากการคลิกในองค์ประกอบที่มีแทนonclick="pagename" onclick="window.location='pagename'"มันไม่ได้เป็นฉากยึดที่ขาดหายไปเสมอไป!