ما هو Strict Mode في JavaScript ؟ وكيفية تفعيله لكتابة كود أفضل

🚀 ما هو Strict Mode في JavaScript؟ دليلك لكتابة كود أكثر أماناً

مرحباً بك في عالم JavaScript الأكثر تنظيماً! 🧑‍💻 هل سبق أن كتبت كوداً واجهت فيه سلوكاً غريباً أو خطأً صامتاً (Silent Error) دون أن تعرف السبب؟ هنا يأتي دور Strict Mode، أو "الوضع الصارم"، وهو ميزة قوية في JavaScript تساعدك على كتابة كود أكثر أماناً وموثوقية عن طريق تحويل الأخطاء الصامتة إلى أخطاء ظاهرة توقف التنفيذ.

فكر فيه كـ "مدرب شخصي" صارم للغاية 🏋️‍♂️. بدلاً من أن يتغاضى عن أخطائك الصغيرة، سيشير إليها فوراً ويخبرك بأن تصلحها. هذا بالضبط ما يفعله Strict Mode: فهو يجعل المفسر (Interpreter) أكثر تشدداً في فحص الكود.

🔍 لماذا نحتاج إلى Strict Mode؟

في الماضي، صُممت JavaScript لتكون لغة متسامحة جداً (Forgiving) مع المبرمجين، خاصة المبتدئين. كانت تسمح بأشياء مثل:

• إنشاء متغيرات دون استخدام الكلمة المفتاحية var أو let أو const.
• حذف خصائص (Properties) لا يمكن حذفها.
• استخدام بعض الكلمات المحجوزة كأسماء للمتغيرات.

هذا التسامح كان يسبب مشاكل كبيرة! فبدلاً من أن يظهر لك خطأ واضح، كان الكود يستمر في التنفيذ بسلوك غير متوقع، مما يجعل عملية تصحيح الأخطاء (Debugging) كابوساً حقيقياً. 😫

الهدف الرئيسي من Strict Mode هو:

1. القضاء على الأخطاء الصامتة: تحويلها إلى أخطاء صريحة تظهر في وحدة التحكم (Console).
2. مساعدة محررات الكود (Code Editors): على اكتشاف الأخطاء المحتملة أثناء الكتابة.
3. تحسين أداء الكود: في بعض الحالات، يمكن للمتصفح تحسين تنفيذ الكود المكتوب في Strict Mode لأنه أكثر قابلية للتنبؤ.
4. تحضيرك للمستقبل: يحظر استخدام بعض الصيغ القديمة التي قد تُزال من اللغة في المستقبل.

⚙️ كيفية تفعيل Strict Mode (Use Strict)

تفعيل Strict Mode بسيط للغاية. كل ما عليك هو كتابة الجملة التالية في بداية النطاق (Scope) الذي تريد تطبيقه عليه:

'use strict';
// أو
"use strict";

هذه مجرد سلسلة نصية (String) عادية، ولكن عندما يراها مفسر JavaScript في بداية النطاق، يقوم بتفعيل وضع الصرامة لبقية هذا النطاق.

يمكنك تفعيله بطريقتين رئيسيتين:

1. تفعيل عام لكامل الملف (Global Scope)

ضع الجملة في السطر الأول تماماً من ملف الـ .js الخاص بك.

'use strict'; // تفعيل صارم لكامل هذا الملف

let userName = "Ahmed"; // استخدام صحيح لـ let

myVariable = 10; // ❌ خطأ! لم يتم تعريف myVariable بـ var/let/const
// ReferenceError: myVariable is not defined

2. تفعيل داخل دالة فقط (Function Scope)

ضع الجملة في بداية جسم الدالة (Function Body).

function calculate() {
    'use strict'; // الوضع الصارم ساري داخل هذه الدالة فقط

    let x = 5;
    y = 10; // ❌ خطأ! لأن y غير معرفة داخل نطاق الدالة الصارم
    // ReferenceError: y is not defined
}

calculate();
normalVariable = 5; // ⚠️ هذا مسموح (رغم أنه ممارسة سيئة) لأننا خارج نطاق Strict Mode

💡 نصيحة: يُفضل دائماً استخدام التفعيل العام على مستوى الملف لتجنب المشاكل والاستفادة الكاملة من مزايا Strict Mode في مشاريعك الجديدة.

🚫 أهم التغييرات التي يفرضها Strict Mode (مع أمثلة)

دعنا نرى بعض الأخطاء الشائعة التي كان JavaScript يتغاضى عنها، وكيف يتعامل معها Strict Mode.

1. منع إنشاء المتغيرات دون تعريف (No Implicit Globals)

هذا هو التغيير الأكثر شهرة وفائدة.

'use strict';

// ❌ في الوضع العادي، هذا ينشئ متغيراً عاماً تلقائياً (ممارسة خطيرة).
// في Strict Mode، سيظهر خطأ فوري.
undeclaredVar = "هذه قيمة";
// ReferenceError: undeclaredVar is not defined

// ✅ الطريقة الصحيحة دائماً
let declaredVar = "هذه قيمة";
const constantVar = "قيمة ثابتة";

2. منع حذف المتغيرات أو الدوال أو الوسائط (Deletion Restrictions)

'use strict';

let myVar = 10;
delete myVar; // ❌ خطأ! لا يمكن حذف متغير عادي.
// TypeError: Cannot delete property 'myVar' of #<Object>

function myFunc() {}
delete myFunc; // ❌ خطأ! لا يمكن حذف دالة.

3. منع تكرار أسماء المعاملات (Parameters) في الدوال

'use strict';

// ❌ خطأ! المعامل 'a' مكرر.
function sum(a, a, c) {
    return a + a + c; // أي a ستستخدم؟ هذا يؤدي لسلوك غامض.
}
// SyntaxError: Duplicate parameter name not allowed in this context

// ✅ الطريقة الصحيحة
function correctSum(a, b, c) {
    return a + b + c;
}

4. جعل this غير معرف (undefined) في بعض السياقات

في الوضع العادي، عندما تستدعي دالة عادية (ليست دالة سهمية أو تابعة لكائن) دون سياق، تكون قيمة this هي الكائن العام (window في المتصفح). في Strict Mode، تصبح undefined.

'use strict';

function showThis() {
    console.log(this); // ماذا ستطبع؟
}

showThis(); // ✅ ستطبع: undefined
// في الوضع العادي (Non-strict) كانت ستطبع: Window {...}

هذا يساعد على تجنب الأخطاء الناتجة عن تعديل الكائن العام عن طريق الخطأ.

📝 ملخص وأفضل الممارسات

• Strict Mode هو وضع في JavaScript يجعل المفسر أكثر صرامة في فحص الأخطاء.
• تفعله بكتابة 'use strict'; في بداية النطاق (الملف أو الدالة).
• فوائده: كود أكثر أماناً، أخطاء أوضح، أداء محتمل أفضل.
• نصيحة نهائية: ⭐ استخدم 'use strict'; في بداية كل ملف JavaScript جديد تكتبه. ⭐ أصبح هذا المعيار الأساسي في تطوير JavaScript الحديث.