0Pricing
TypeScript Academy · درس

معاملات Rest وSpread مع الأنواع

حدّدوا أنواع معاملات Rest وعمليات Spread

معاملات Rest وSpread مع الأنواع درس مجاني في TypeScript Academy على CoddyKit. هذا هو الدرس 3 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في TypeScript Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة TypeScript Academy 4 دروس في المجموع.

مرحبًا

تجمع معلمات rest عدة وسائط في مصفوفة. ويحدد TypeScript نوع معلمة rest كمصفوفة من نوع العناصر.

تحديد نوع معلمات Rest

استخدم الصيغة `...name: T[]` لمعلمة rest. فهي تلتقط جميع الوسائط المتبقية في مصفوفة.
function sum(...nums: number[]): number {
  return nums.reduce((a, b) => a + b, 0);
}
console.log(sum(1, 2, 3, 4)); // 10

Rest بعد المعلمات المطلوبة

يجب أن تكون معلمات rest في النهاية. وتأتي المعلمات المطلوبة الأخرى قبلها.
function log(level: string, ...messages: string[]): void {
  console.log(level, messages.join(' '));
}
log('INFO', 'Server', 'started', 'on', 'port', '3000');

نشر المصفوفات في الدوال

استخدم spread `...` لتمرير عناصر المصفوفة كوسائط منفردة. يتحقق TypeScript من توافق نوع spread مع المعلمات.
function add(a: number, b: number): number { return a + b; }
const args: [number, number] = [1, 2];
add(...args); // OK — tuple spread is type-safe

النشر مع المصفوفات العادية

قد يؤدي نشر مصفوفة عادية في دالة ذات معلمات ثابتة إلى حدوث خطأ، لأن TypeScript لا يستطيع التحقق من تطابق العدد.
const nums = [1, 2]; // number[] — length unknown
// add(...nums); // Error: spread must match parameters
const pair: [number, number] = [1, 2];
add(...pair); // OK — tuple has known length

معلمات Rest مقابل كائن arguments

تحل معلمات rest محل كائن `arguments` القديم. وهي مصفوفات حقيقية تحظى بدعم كامل للأنواع في TypeScript، بخلاف `arguments`.

نشر الكائنات (وليس معلمات Rest)

يُنشئ نشر كائن نسخة سطحية منه. ويستنتج TypeScript النوع المدمج للناتج المنشور.
const a = { x: 1, y: 2 };
const b = { z: 3 };
const c = { ...a, ...b }; // { x: number; y: number; z: number }

تجاوز الخصائص باستخدام Spread

عند النشر، تتجاوز الخصائص اللاحقة الخصائص السابقة التي تحمل الاسم نفسه.
const base = { color: 'red', size: 5 };
const updated = { ...base, color: 'blue' };
// { color: 'blue', size: 5 }

Spread محدد النوع في المصفوفات

ينشئ نشر المصفوفة مصفوفة جديدة. ويستنتج TypeScript النوع المدمج للعناصر.
const a: number[] = [1, 2];
const b: number[] = [3, 4];
const c: number[] = [...a, ...b]; // [1, 2, 3, 4]

Rest في Tuple متغيرة العناصر

يدعم TypeScript عناصر rest في أنواع tuple لإنشاء أنماط متقدمة متغيرة العناصر.
type Strings = string[];
type StringsAndNumber = [...Strings, number];
const t: StringsAndNumber = ['a', 'b', 42];

Rest في التفكيك

استخدم صيغة rest أثناء التفكيك لجمع العناصر المتبقية في مصفوفة محددة النوع.
const [first, ...rest]: number[] = [1, 2, 3, 4];
// first: number, rest: number[]

تحقق سريع

ما النوع الذي يستنتجه TypeScript لمعلمة rest `...items` في `function collect(...items: string[])`؟

مراجعة

تجمع معلمات Rest (`...args: T[]`) الوسائط المتبقية في مصفوفة محددة النوع. انشر المصفوفات في الدوال باستخدام tuples للحفاظ على أمان الأنواع. وانشر الكائنات لإنشاء نسخ سطحية بأنواع مدمجة مستنتجة.

الأسئلة الشائعة

هل درس «معاملات Rest وSpread مع الأنواع» مجاني؟

نعم — نص درس «معاملات Rest وSpread مع الأنواع» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة TypeScript Academy، انتقل إلى CoddyKit PRO. تتضمن دورة TypeScript Academy 4 دروس في المجموع.

ماذا ستتعلم في «معاملات Rest وSpread مع الأنواع»؟

حدّدوا أنواع معاملات Rest وعمليات Spread تتمرن على TypeScript Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.

هل أحتاج إلى خبرة سابقة لأبدأ TypeScript Academy؟

لا تُشترط خبرة سابقة. TypeScript Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 3 من أصل 4.

كم من الوقت يستغرق درس «معاملات Rest وSpread مع الأنواع»؟

معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.

هل يمكنني كتابة وتشغيل أكواد في درس TypeScript Academy هذا؟

نعم. كل درس في TypeScript Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.

جميع الدروس في هذه الدورة

  1. التعليقات التوضيحية لأنواع المعاملات والقيم المُعادة
  2. المعاملات الاختيارية والافتراضية
  3. معاملات Rest وSpread مع الأنواع
  4. ‏void وnever وتواقيع الدوال
← العودة إلى TypeScript Academy