أحدث البرامج التعليمية وتطوير الشبكة
×

JS البرنامج التعليمي

JS الصفحة الرئيسية JS المقدمة JS ألى أين JS الناتج JS بناء الجملة JS البيانات JS تعليقات JS المتغيرات JS مشغلي JS علم الحساب JS مهمة JS أنواع البيانات JS وظائف JS الأجسام JS نطاق JS أحداث JS سلاسل JS طرق سلسلة JS أرقام JS طرق عدد JS الرياضيات JS التمور JS تاريخ تنسيقات JS تاريخ طرق JS المصفوفات JS طرق مجموعة JS القيم المنطقية JS مقارنات JS الظروف JS تحول JS حلقة غيرمنتهية For JS حلقة بينما JS استراحة JS نوع التحويل JS التعبير العادي JS أخطاء JS التصحيح JS الرفع JS الوضع الصارم JS دليل الاناقة JS أفضل الممارسات JS الأخطاء JS أداء JS الكلمات المحجوزة JS JSON

JS أشكال

أشكال التحقق من صحة API أشكال

JS موضوع

تعريفات الكائن خصائص الكائن طرق كائن نماذج الكائن

JS وظائف

تعاريف وظيفة وظيفة المعلمات وظيفة الاحتجاج الإغلاق وظيفة

JS HTML DOM

DOM مقدمة DOM أساليب DOM وثيقة DOM عناصر DOM HTML DOM CSS DOM الرسوم المتحركة DOM أحداث DOM EventListener DOM ملاحة DOM العقد DOM Nodelist

JS المتصفح BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS أمثلة

JS أمثلة JS HTML DOM JS HTML إدخال JS HTML الأجسام JS HTML أحداث JS المتصفح JS اختبار قصير JS ملخص

JS المراجع

JavaScript الأجسام HTML DOM الأجسام


 

JavaScript أخطاء - رمي ومحاولة للقبض


في try بيان يتيح لك اختبار كتلة من التعليمات البرمجية عن الأخطاء.

و catch بيان يتيح لك التعامل مع الخطأ.

و throw بيان يتيح لك إنشاء الأخطاء المخصصة.

البيان أخيرا يتيح لك تنفيذ التعليمات البرمجية، بعد محاولة والصيد، وبغض النظر عن النتيجة.


أخطاء سيحدث!

عند تنفيذ شفرة جافا سكريبت، يمكن أن تحدث أخطاء مختلفة.

أخطاء يمكن الترميز الأخطاء التي يقع فيها مبرمج، بسبب أخطاء الإدخال الخاطئ، وأشياء غير متوقعة الأخرى:

مثال

<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>
try {
    adddlert("Welcome guest!");
}
catch(err) {
    document.getElementById("demo").innerHTML = err.message;
}
</script>

</body>
</html>
انها محاولة لنفسك »

في المثال أعلاه حققنا مطبعي في التعليمات البرمجية (في كتلة المحاولة).

و catch كتلة أدرك الخطأ، ويقوم بتنفيذ تعليمات برمجية لمعالجة ذلك.


جافا سكريبت try و catch

في try بيان يسمح لك لتحديد كتلة من التعليمات البرمجية لفحصها بحثا عن الأخطاء أثناء تنفيذه.

و catch بيان يسمح لك لتحديد كتلة من التعليمات البرمجية ليتم تنفيذها، في حالة حدوث خطأ في كتلة المحاولة.

البيانات جافا سكريبت try و catch يأتي في أزواج:

try {
    Block of code to try
}
catch(err) {
    Block of code to handle errors
}

جافا سكريبت يمكن رفع أخطاء

عند حدوث خطأ، وجافا سكريبت وقف عادة، وإنشاء رسالة خطأ.

المصطلح التقني لذلك هو: سوف جافا سكريبت رفع (أو رمي) استثناء.


و throw بيان

و throw بيان يسمح لك لإنشاء الخطأ المخصصة.

من الناحية الفنية يمكنك رفع (رمي) استثناء.

والاستثناء يمكن أن يكون جافا سكريبت سلسلة، رقم، منطقية أو كائن:

throw "Too big";    // throw a text
throw 500;          // throw a number

إذا كنت تستخدم throw جنبا إلى جنب مع try و catch ، يمكنك التحكم في تدفق البرنامج وإنشاء رسائل الخطأ المخصصة.


إدخال التحقق من صحة مثال

ويتناول هذا المثال الإدخال. إذا كانت قيمة خاطئة، يتم طرح استثناء (يخطئ).

باستثناء (يخطئ) والقبض عليهم من قبل بيان الصيد ويتم عرض رسالة خطأ مخصصة:

<!DOCTYPE html>
<html>
<body>

<p>Please input a number between 5 and 10:</p>

<input id="demo" type="text">
<button type="button" onclick="myFunction()">Test Input</button>
<p id="message"></p>

<script>
function myFunction() {
    var message, x;
    message = document.getElementById("message");
    message.innerHTML = "";
    x = document.getElementById("demo").value;
    try {
        if(x == "") throw "empty";
        if(isNaN(x)) throw "not a number";
        x = Number(x);
        if(x < 5) throw "too low";
        if(x > 10) throw "too high";
    }
    catch(err) {
        message.innerHTML = "Input is " + err;
    }
}
</script>

</body>
</html>
انها محاولة لنفسك »

التحقق من صحة HTML

رمز أعلاه هو مجرد مثال.

سوف المتصفحات الحديثة في كثير من الأحيان استخدام مزيج من جافا سكريبت وبنيت في التحقق من صحة HTML، وذلك باستخدام قواعد التحقق من صحة مسبقا المحددة في HTML الصفات:

<input id="demo" type="number" min="5" max="10" step="1"

يمكنك قراءة المزيد حول التحقق من صحة النماذج في فصل لاحق من هذا البرنامج التعليمي.


و finally الإعلان

و finally بيان يتيح لك تنفيذ التعليمات البرمجية، بعد try و catch ، بغض النظر عن النتيجة:

try {
    Block of code to try
}
catch(err) {
    Block of code to handle errors
}
finally {
    Block of code to be executed regardless of the try / catch result
}

مثال

function myFunction() {
    var message, x;
    message = document.getElementById("message");
    message.innerHTML = "";
    x = document.getElementById("demo").value;
    try {
        if(x == "") throw "is empty";
        if(isNaN(x)) throw "is not a number";
        x = Number(x);
        if(x > 10) throw "is too high";
        if(x < 5) throw "is too low";
    }
    catch(err) {
        message.innerHTML = "Error: " + err + ".";
    }
    finally {
        document.getElementById("demo").value = "";
    }
}
انها محاولة لنفسك »