تشير هذه المقالة إلى حلول للمشكلات اليومية الشائعة للمبتدئين التي ستحتاج إلى إصلاحها من أجل تشغيل كود جافا سكريبت الخاص بك بشكل صحيح.
ما هي أخطاء المبتدئين الشائعة في لغة الجافا سكريبت
1. التأكد من الإملاء الصحيح
إذا لم تعمل التعليمات البرمجية الخاصة بك و/ أو اشتكى المتصفح من وجود شيء ما غير محدد، فتحقق من كتابة جميع أسماء المتغيرات وأسماء الوظائف وما إلى ذلك بشكل صحيح، وبعض وظائف المتصفح المضمنة الشائعة التي تسبب المشاكل هي:
- (()getElementbyTagName) والصحيح هو (()getElementsByTagName).
- (()getElementByName) والصحيح هو (()getElementsByName).
- (()getElementByClassName) والصحيح هو (()getElementsByClassName)
- (()getElementsById) والصحيح هو (()getElementById)
2. موضع الفاصلة المنقوطة
تحتاج إلى التأكد من عدم وضع أي فاصلة منقوطة بشكل غير صحيح، على سبيل المثال:
elem.style.color = ‘red;’
هذا خطأ والصحيح هو:
elem.style.color = ‘red’;
3. الدوال
هناك عدد من الأشياء التي يمكن أن تحدث بشكل خاطئ مع الوظائف، أحد الأخطاء الأكثر شيوعًا هو تعريف الدالة، ولكن لا تستدعيها في أي مكان، على سبيل المثال:
function myFunction() {
alert(‘This is my function.’);
};
هذا الرمز لن يفعل أي شيء إلا إذا اتصلت به، على سبيل المثال مع:
myFunction();
تذكر أن الوظائف لها نطاقها الخاص، لا يمكنك الوصول إلى مجموعة قيم متغيرة داخل دالة من خارج الوظيفة، إلا إذا أعلنت المتغير بشكل عام (globally) “أي ليس داخل أي وظائف”، أو إرجاع القيمة خارج الدالة، وتذكر أيضًا أنه عندما تقوم بإرجاع قيمة من دالة، فإن مترجم جافا سكريبت يخرج من الوظيفة، أي لن يتم الإعلان عن أي رمز بعد تشغيل عبارة الإرجاع (return).
4. تعيين الكائنات في جافا سكريبت
عندما تقوم بتعيين شيء ما بشكل طبيعي في جافا سكريبت، فإنك تستخدم علامة يساوي واحدة، على سبيل المثال:
const myNumber = 0;
هذا لا يعمل في الكائنات، مع ذلك مع الكائنات تحتاج إلى فصل أسماء الأعضاء عن قيمها باستخدام النقطتين، وفصل كل عضو بفاصلة، على سبيل المثال:
const myObject = {
name: ‘Chris’,
age: 38
}
