الأماكن الثلاثة التي تعمل فيها JavaScript
لغة JavaScript لا تعمل وحدها، بل تحتاج إلى بيئة مضيفة تفهم اللغة وتشغّلها. في عام 2026، هناك ثلاث بيئات ستتعامل معها فعلياً:
- المتصفح. كل متصفح يأتي مزوّداً بمحرك JavaScript خاص به (محرك V8 في Chrome وEdge، وSpiderMonkey في Firefox، وJavaScriptCore في Safari). يكفي أن تلصق الكود في أدوات المطوّر (DevTools) حتى يعمل.
- Node.js. بيئة تشغيل مستقلة تتيح تشغيل JavaScript خارج المتصفح، سواء من سطر الأوامر أو على الخوادم أو داخل أدوات البناء.
- محررات ومنصّات التجربة الإلكترونية (مثل تلك الموجودة في هذه الصفحة). هي في الواقع مجرد واجهة ويب تغلّف إحدى البيئتين السابقتين.
اللغة نفسها لا تتغير من مكان إلى آخر، لكن ما يتغير هو ما يستطيع الكود الوصول إليه؛ فالمتصفح يتيح لك document وwindow، بينما يمنحك Node وصولاً إلى نظام الملفات والشبكة. ابدأ بالخيار الأنسب لحالتك، ويمكنك الانتقال بين البيئات في أي وقت.
الخيار الأول: كونسول المتصفح
أسرع طريقة لتشغيل سطر من JavaScript هي عبر كونسول أدوات المطوّر في المتصفح. افتح أي صفحة ويب، ثم اضغط F12 (أو Cmd+Option+I على الماك)، ثم انتقل إلى تبويب Console واكتب:
اضغط Enter بعد كل سطر. يطبع الكونسول القيمة المُرجَعة من التعبيرات وأي شيء تمرره إلى console.log. يمكنك تعريف المتغيرات، واستدعاء الدوال، وفحص الصفحة الحالية — فمثلاً document.title يعطيك عنوان التبويب المفتوح.
الكونسول مفيد جداً في الحالات التالية:
- تجربة مقطع برمجي صغير في ثوانٍ.
- العبث بـ DOM الخاص بموقع فعلي.
- تصحيح كود يعمل بالفعل داخل الصفحة.
لكن انتبه: كل ما تكتبه في الكونسول يضيع بمجرد إغلاق التبويب. لذلك إن أردت الاحتفاظ بالكود، احفظه في ملف.
الطريقة الثانية: استخدام وسم <script> داخل ملف HTML
لتشغيل جافا سكريبت كجزء من صفحة ويب، ضَع الكود داخل ملف HTML. احفظ الملف التالي باسم index.html ثم افتحه بالنقر المزدوج في المتصفح:
<!doctype html>
<html>
<body>
<h1 id="title">جارٍ التحميل...</h1>
<script>
document.getElementById("title").textContent = "مرحبًا من سكربت";
console.log("تم تشغيل السكربت");
</script>
</body>
</html>
وسم <script> يخبر المتصفح أن ما بداخله هو كود جافا سكريبت يجب تنفيذه. الكود يتعامل مباشرة مع الصفحة التي يعمل داخلها، ولذلك يستطيع document.getElementById(...) الوصول إلى وسم <h1> الموجود قبله. افتح أدوات المطور (DevTools) لترى مُخرجات console.log.
أما إذا كان الكود أطول من بضعة أسطر، فالأفضل نقله إلى ملف منفصل وربطه بالصفحة:
<script src="app.js"></script>
ضَع وسم <script> قُبيل نهاية <body>، أو أضِف إليه defer، كي يعمل بعد أن ينتهي المتصفح من تحليل HTML الخاص بالصفحة. سنتعمّق أكثر في سكربتات الوحدات (modules) وترتيب التحميل في فصل الوحدات.
الخيار الثالث: تشغيل JavaScript عبر Node.js من سطر الأوامر
حين تحتاج إلى تشغيل جافا سكريبت خارج المتصفح — سكربت يعيد تسمية ملفات، أو خادم صغير، أو مهمة سريعة لمعالجة بيانات — فالأداة المناسبة هنا هي Node.js. نزّله من nodejs.org (اختر نسخة LTS)، ثم تأكّد من أنه يعمل:
node --version
احفظ الملف باسم script.js:
ثم من داخل المجلد نفسه، شغّل الأمر التالي:
node script.js
المخرجات تُطبع مباشرةً في الـ terminal. لا HTML، ولا متصفح، ولا أي خطوة بناء. هذه هي الطريقة التي يجري بها معظم تطوير جافا سكريبت "الحقيقي" خارج المتصفح، كما أن Node هو المحرّك الذي تعتمد عليه أدوات المشاريع المتصفحية نفسها (مثل الـ bundlers وأدوات الاختبار و linters).
تقدر كذلك تشغّل Node بدون أي ملف. فقط اكتب node واضغط Enter، وسيظهر لك سطر أوامر تفاعلي (يُسمى REPL) ينفّذ كل سطر فور كتابته. مفيد جداً لتجربة الأفكار السريعة، تماماً مثل كونسول المتصفح لكن داخل الـ terminal.
الخيار الرابع: المحرر الموجود في هذه الصفحة
كل كتلة editor-javascript على Coddy هي محرر حيّ. عدّل الكود، اضغط Run، وشاهد النتيجة مباشرةً. هذا هو الخيار الأسهل أثناء التعلّم؛ بدون تثبيت، ولا إعدادات، ولا تنقّل بين التبويبات:
غيّر "العالم" إلى اسمك وأعد التشغيل. هذه هي حلقة العمل كاملة — عدّل، شغّل، اقرأ الناتج. معظم هذا الدرس مبني على هذه الفكرة.
أيّها تختار؟
اختر ما يناسب ما تعمل عليه:
- تجربة سطر واحد، أو فحص صفحة شغّالة — كونسول المتصفح.
- بناء شيء له واجهة ويب — ملف HTML مع وسم
<script>. - كتابة سكربت أو أداة أو سيرفر — Node.js من سطر الأوامر.
- متابعة هذا الدرس — بلوكات المحرر الموجودة هنا مباشرة.
بعض النقاط التي يتعثر فيها المبتدئون:
- الكود في Node.js لا يحتوي على
documentولاwindow. هذه أشياء خاصة بالمتصفح. استدعاءdocument.getElementById(...)داخل Node سيرمي خطأReferenceError: document is not defined. - الكود داخل المتصفح لا يستطيع الوصول إلى نظام الملفات عندك. المتصفحات تعزل الصفحات في بيئة محدودة لأسباب أمنية. لو أردت قراءة ملف محلي، فأنت في منطقة Node.
console.logتعمل في البيئات الثلاث جميعًا. إنها الطريقة العامة لـ"طباعة شيء ما" في جافا سكريبت.
سكربت للتأكد أن كل شيء يعمل
شغّل هذا في البيئة التي اخترتها. إن ظهرت الأسطر الثلاثة في الناتج، فأنت جاهز للصفحة التالية:
ثلاث ميزات في مقطع واحد: console.log، وكائن Date المدمج، وتابع مصفوفات مع دالة سهمية (arrow function). ستتعرّف على كل واحدة منها بشكل أوفى في الفصول القادمة.
التالي: قواعد الكتابة والفواصل المنقوطة
الآن وقد صار الكود يعمل فعلاً في مكان ما، يصبح السؤال التالي: كيف تبدو صياغة جافا سكريبت؟ الجمل البرمجية، والتعابير، والجدال الأزلي حول ما إذا كان يجب وضع فاصلة منقوطة في نهاية كل سطر أم لا. هذا موضوعنا التالي.
الأسئلة الشائعة
كيف أشغّل كود جافا سكريبت؟
أمامك ثلاث طرق سهلة: الصق الكود في كونسول أدوات المطوّرين داخل المتصفح واضغط Enter، أو ضعه في ملف HTML داخل وسم <script> ثم افتح الملف، أو ثبّت Node.js وشغّل node script.js من الطرفية. اللغة واحدة في الحالات الثلاث، والفرق فقط في البيئة التي يعمل فيها الكود.
كيف أشغّل ملف جافا سكريبت من سطر الأوامر؟
حمّل Node.js من موقع nodejs.org، احفظ الكود في ملف باسم script.js، ثم نفّذ الأمر node script.js من الطرفية داخل نفس المجلد. مخرجات console.log(...) ستظهر مباشرة في الطرفية، بدون حاجة إلى HTML أو متصفح أو أي خطوة build.
كيف أشغّل جافا سكريبت في متصفح Chrome؟
افتح أي صفحة ويب واضغط F12 (أو Cmd+Option+I على ماك)، ثم انتقل إلى تبويب Console. اكتب أي تعبير واضغط Enter، وسينفّذ فورًا على الصفحة الحالية. هذه أسرع طريقة لتجربة سنيبت صغير، أو فحص الـ DOM، أو العبث بموقع شغّال.
