ورقة JavaScript المرجعية
مرجع قابل للبحث والطباعة لـ JavaScript الحديثة — البنية والمصفوفات والسلاسل والكائنات وasync/await وDOM وميزات ES2022+. مجاني.
المتغيرات والأنواع
10let x = 1;
متغير محصور بالكتلة وقابل لإعادة التعيين
const PI = 3.14;
ربط ثابت محصور بالكتلة
typeof value
يُرجع النوع كسلسلة نصية
Number('42')
تحويل سلسلة نصية إلى رقم
String(42)
تحويل قيمة إلى سلسلة نصية
parseInt('42px', 10)
تحليل عدد صحيح بادئ (أساس 10)
Boolean(0)
إجبار قيمة إلى true/false
value ?? 'default'
دمج العدم (null/undefined فقط)
a?.b?.c
التسلسل الاختياري، يتوقف عند null
Array.isArray(x)
التحقق إن كانت القيمة مصفوفة
الدوال
9function add(a, b) { return a + b; }
إعلان دالة مُسماة
const add = (a, b) => a + b;
دالة سهمية بإرجاع ضمني
const f = (a = 1) => a;
قيمة افتراضية للمعامل
function f(...args) {}
معاملات rest تتجمع في مصفوفة
f(...arr)
نشر مصفوفة كوسائط
const { a, b } = obj;
تفكيك الكائن
const [x, y] = arr;
تفكيك المصفوفة
(function(){})()
دالة مُستدعاة فوراً (IIFE)
fn.bind(this)
ربط سياق this ثابت
السلاسل النصية
10`Hello ${name}`
إدراج في القالب النصي
str.length
عدد الأحرف
str.includes('a')
التحقق من وجود سلسلة فرعية
str.slice(0, 3)
استخراج جزء من سلسلة
str.replace(/a/g, 'b')
استبدال المطابقات (regex)
str.split(',')
التقسيم إلى مصفوفة
str.trim()
إزالة المسافات المحيطة
str.toUpperCase()
تحويل إلى أحرف كبيرة
str.padStart(3, '0')
حشو البداية حتى طول معين
str.at(-1)
حرف عند فهرس (يدعم السالب)
المصفوفات
11arr.map(x => x * 2)
تحويل كل عنصر
arr.filter(x => x > 0)
إبقاء العناصر المطابقة
arr.reduce((a, b) => a + b, 0)
اختزال إلى قيمة واحدة
arr.find(x => x.id === 1)
أول عنصر مطابق
arr.some(x => x > 0)
true إن طابق أي عنصر
arr.every(x => x > 0)
true إن طابقت كل العناصر
arr.includes(3)
التحقق من وجود قيمة
arr.sort((a, b) => a - b)
فرز رقمي تصاعدي
[...new Set(arr)]
إزالة القيم المكررة
arr.flat(Infinity)
تسطيح المصفوفات المتداخلة بالكامل
arr.at(-1)
آخر عنصر (فهرس سالب)
الكائنات
9Object.keys(obj)
مصفوفة من المفاتيح القابلة للتعداد
Object.values(obj)
مصفوفة من القيم الخاصة
Object.entries(obj)
مصفوفة من أزواج [key, value]
{ ...a, ...b }
دمج الكائنات (نشر)
Object.assign({}, a, b)
نسخ/دمج في هدف
Object.freeze(obj)
جعل الكائن غير قابل للتغيير
{ [key]: value }
اسم خاصية محسوب
obj.hasOwnProperty('x')
التحقق من خاصية خاصة
structuredClone(obj)
نسخ عميق للكائن
غير المتزامن والوعود
9async function f() {}
إعلان دالة async
await fetch(url)
التوقف حتى يُحلّ الوعد
Promise.all([p1, p2])
انتظار حل الكل
Promise.allSettled([p1, p2])
انتظار استقرار الكل
Promise.race([p1, p2])
الحل بأول من يستقر
new Promise((res, rej) => {})
إنشاء وعد يدوياً
try { await f(); } catch (e) {}
معالجة أخطاء async
setTimeout(fn, 1000)
التشغيل بعد تأخير (ms)
queueMicrotask(fn)
جدولة مهمة دقيقة
التحكم في التدفق
9if (a) {} else if (b) {} else {}
فروع شرطية
a ? b : c
تعبير ثلاثي
switch (x) { case 1: break; }
تفرع متعدد
for (const x of arr) {}
المرور على القيم (iterables)
for (const k in obj) {}
المرور على مفاتيح الكائن
while (cond) {}
تكرار طالما الشرط محقق
arr.forEach((x, i) => {})
تشغيل دالة لكل عنصر
break / continue
الخروج أو تخطي تكرار
label: for (...) { break label; }
الخروج من حلقات متداخلة
DOM والأحداث
10document.querySelector('.x')
أول عنصر مطابق
document.querySelectorAll('.x')
كل العناصر المطابقة (NodeList)
el.addEventListener('click', fn)
ربط مستمع حدث
el.classList.toggle('active')
تبديل فئة CSS
el.dataset.id
قراءة سمة data-id
el.textContent = 'hi'
ضبط النص بأمان (دون HTML)
el.setAttribute('aria-hidden', true)
ضبط سمة
e.preventDefault()
إلغاء الإجراء الافتراضي
el.closest('.parent')
أقرب سلف مطابق
document.createElement('div')
إنشاء عنصر جديد
الأصناف والوحدات
9class A extends B {}
صنف بوراثة
constructor() { super(); }
التهيئة واستدعاء الأصل
#private = 1;
حقل صنف خاص
static create() {}
دالة ثابتة على الصنف
get value() {}
مُوصِّل getter
export default fn;
تصدير وحدة افتراضي
export { a, b };
تصديرات وحدة مُسماة
import x, { y } from './m.js'
استيراد افتراضي + مُسمى
const m = await import('./m.js')
استيراد ديناميكي
لا يوجد إدخال يطابق “:q”.
هل تحتاج إلى مساعدة؟
هل واجهت مشكلة في هذه الأداة؟ أخبر فريقنا.