عرض مصدر TypeScript/triple slash directives

<noinclude>{{DISPLAYTITLE:تعليمات الشرطات المائلة الثلاث في TypeScript}}</noinclude>

==مقدمة==
تعليمات الشرطات المائلة الثلاث (Triple-slash directives) هي تعليقات تكتب في سطر واحد تحتوي على وسم XML واحد. تُستخدَم محتويات التعليق كتعليمات (إرشادات) للمترجم.

تكون تعليمات الشرطات المائلة الثلاث صالحةً فقط في أعلى الملفّ الذي تكون هذه التعليمات موجودة داخله. ويُمكن لهذه التعليمات أن تُسبَق فقط بتعليق في سطر واحد أو تعليق متعدّد الأسطر (multi-line comment)، ما يشمل تعليمات شرطات مائلة ثلاث أخرى. إذا وُجِدَت بعد جملة أو تصريح فستُعامَل على أنها تعليقات عادية في سطر واحد (regular single-line comments)، ولا يكون لها حينئذٍ أي معنًى خاص.

==‎<code>/// <reference path="..." /></code>‎==
تعليمة ‎<code>/// <reference path="..." /></code>‎ أشهر تعليمة في TypeScript. وتعمل كتصريح اعتمادية (dependency) بين الملفات.

تُعلِم إحالات (references) الشرطات الثلاث المترجمَ بشَمْلِ (include) ملفات إضافية في عملية الترجمة.

وهي كذلك طريقة لترتيب المُخرَج عند استخدام الخيار ‎<code>‎--out‎</code>‎ أو الخيار ‎<code>‎--outFile‎</code>‎. تُخرَج الملفّات إلى مكان الملفّ المُخرَج بنفس ترتيب المدخل بعد عملية المعالجة القَبْليّة (preprocessing).

===المعالجة القبلية للملفات المُدخلَة (Preprocessing input files)===
يؤدي المترجم عملية معالجة قبلية على الملفات المدخلة لتقرير (resolve) جميع تعليمات الشرطات الثلاث. تُضاف ملفّات إضافية إلى الترجمة أثناء هذه العملية.

تبدأ العملية بمجموعة من ملفات الجذر (root files)؛ وهي أسماء الملفات التي تُحدّد على سطر الأوامر أو في قائمة ‎<code>"files"</code>‎ داخل ملفّ ‎<code>tsconfig.json</code>‎. تُعالَج ملفات الجذر هذه قبليًّا بنفس الترتيب الذي حُدِّدت فيه. تُعالَج جميع إحالات الشرطات الثلاث الموجودة في ملفٍّ قبل إضافته إلى القائمة، ما يشمل كذلك معالجة أهداف الإحالات. تُقرَّر إحالات الشرطات الثلاث بآلية العمق أولًا ( depth first manner) حسب ترتيبها في الملفّ. 

يُقرَّر مسار (path) الإحالة نسبةً (relative) إلى الملفّ الذي يحتوي على تعليمة الشرطات الثلاث، هذا إن لم يكن الملفُّ ملفَّ جذرٍ.

===الأخطاء===
تُعَدّ إحالة ملفٍّ غير موجودٍ خطأً. ومن الخطأ كذلك إحالة ملفٍّ إلى نفسه.

===استخدام ‎<code>‎--noResolve‎</code>‎===
إذا حُدِّد خيار المترجم ‎<code>‎--noResolve‎</code>‎، فستُتَجاهَل إحالات الشرطات الثلاث؛ ولن تكون نتيجتها لا إضافة ملفّات جديدة ولا تغيير ترتيب الملفّات المتوفّرة.

==‎<code>‎/// <reference types="..." />‎</code>‎==
هذه التعليمة مشابهة لتعليمة ‎<code>‎/// <reference path="..." />‎</code>‎، لأنّها تعمل كتصريح عن اعتماديةٍ؛ لكن تعليمات ‎<code>‎/// <reference types="..." />‎</code>‎ تصرِّح عن الاعتماد على حزمة (package).

عمليّة تقرير أسماء الحزم هذه مشابهة لآلية تقرير أسماء الوحدات في جملة ‎<code>import</code>‎. يُمكن القول بأنّ تعليمات ‎<code>/// <reference types="..." /></code>‎ بمثابة طريقة لاستيراد حزم التصريحات (declaration packages) كما تستورد جملة ‎<code>import</code>‎ الوحدات.

على سبيل المثال، استخدام التعليمة ‎<code>/// <reference types="node" />‎</code>‎ في ملف تصريحاتٍ (declaration file) يصرّحُ بأنّ هذا الملفّ يستخدم أسماءً معرّفة في ‎<code>‎@types/node/index.d.ts‎</code>‎؛ وبالتالي فهذه الحزمة تحتاج إلى أن تُشمَل في الترجمة مع ملفّ التصريحات.

اِستخدم هذه التعليمات فقط عندما تكتب ملفّ ‎<code>d.ts</code>‎ يدويًّا.

بالنسبة لملفات التصريحات التي تولّد أثناء الترجمة، فإنّ المترجم يُضيف تلقائيّا إحالات ‎<code>‎/// <reference types="..." />‎</code>‎ عوضًا عنك؛ تُضاف تعليمة ‎<code>‎/// <reference types="..." />‎</code>‎ إلى ملف تصريحات مولَّد إذا وفقط إذا كان الملف الناتج يستخدم أي تصريحات من الحزمة المُحالة.

إن أردت التصريح عن اعتماديّةٍ على حزمة ‎<code>‎@types‎</code>‎ في ملفّ ‎<code>‎.ts‎</code>‎، فاستخدم الخيار ‎<code>--types</code>‎ على سطر الأوامر أو في ملفّ ‎<code>‎tsconfig.json‎</code>‎ الخاص بك. انظر توثيق استخدام ‎<code>‎@‎types</code>‎، و‎<code>typeRoots</code>‎، و‎<code>types</code>‎ في ملفّات ‎<code>tsconfig.json</code>‎ للاستزادة.

==‎<code>‎/// <reference lib="..." />‎</code>‎==
تسمح هذه التعليمة لملفٍّ بشمل ملفّ ‎<code>lib</code>‎ مضمَّن (built-in lib file) موجود مسبقًا شملًا صريحًا (explicitly).

تُحال ملفّات ‎<code>lib</code>‎ المضمّنة بنفس طريقة خيار المترجم ‎<code>"lib"</code>‎ في ملفّ ‎<code>tsconfig.json</code>‎ (استعمل ‎<code>‎lib="es2015"‎</code>‎ عوضًا عن ‎<code>‎lib="lib.es2015.d.ts"‎</code>‎ مثلًا).

تعليمات ‎<code>/// <reference lib="..." /></code>‎ هي الطريقة المنصوح بها لكُتّاب ملفات التعريفات الذين يعتمدون على الأنواع المضمَّنة (مثل واجهات DOM البرمجيّة أو الدوال البانية في JavaScript في زمن التنفيذ مثل ‎<code>Symbol</code>‎ أو ‎<code>Iterable</code>‎).

ملاحظة: كان من الواجب مسبقًا على ملفّات ‎<code>‎.d.ts‎</code>‎ إضافة تقديم (forward) تصريحات أو تصريحات مكرّرة لهذه الأنواع.

على سبيل  المثال، إضافة ‎<code>‎/// <reference lib="es2017.string" />‎</code>‎ إلى أحد الملفات في ترجمةٍ مكافئ للترجمة باستخدام الخيار ‎<code>‎--lib es2017.string‎</code>‎:
<syntaxhighlight lang="typescript">
/// <reference lib="es2017.string" />

"foo".padStart(4);
</syntaxhighlight>
==‎<code>‎/// <reference no-default-lib="true"/>‎</code>‎==
تُعلِّم هذه التعليمة ملفًّا على أنّه مكتبة افتراضيّة (default library). سترى هذه التعليمة في أعلى الملفّ ‎<code>‎lib.d.ts‎</code>‎ وما شابهه.

ترشد هذه التعليمة المترجمَ إلى ألّا يشمل المكتبة الافتراضية (‎<code>‎lib.d.ts‎</code>‎) في الترجمة. وتأثير ذلك شبيه بتمرير الخيار ‎<code>‎--noLib‎</code>‎ إلى سطر الأوامر.

لاحظ كذلك أن تمرير ‎<code>--skipDefaultLibCheck</code>‎ سيجعل المترجمَ يتجاهل التحقق فقط من الملفّات التي تحتوي على ‎<code>‎/// <reference no-default-lib="true"/>‎</code>‎.

==‎<code>‎/// <amd-module />‎</code>‎==
تولَّد وحدات AMD افتراضيًا مع تجاهل الاسم. ما قد يُحدِث مشاكل عندما تُستَخدَم أدوات أخرى لمعالجة الوحدات الناتجة مثل المُجمِّعات (مثل ‎<code>r.js</code>‎).

تسمح تعليمة ‎<code>amd-module</code>‎ بتمرير اسم وحدة اختياريّ إلى المترجم:

(الملفّ ‎<code>amdModule.ts</code>‎)
<syntaxhighlight lang="typescript">
///<amd-module name="NamedModule"/>
export class C {
}
</syntaxhighlight>

سيُنتِج هذا تعيينَ الاسم ‎<code>NamedModule</code>‎ إلى الوحدة كجزء من استدعاء الدالة ‎<code>define</code>‎ الخاصة بوحدات AMD:

(الملفّ ‎<code>‎amdModule.js‎</code>‎)
<syntaxhighlight lang="typescript">
define("NamedModule", ["require", "exports"], function (require, exports) {
    var C = (function () {
        function C() {
        }
        return C;
    })();
    exports.C = C;
});
</syntaxhighlight>
==‎<code>‎/// <amd-dependency />‎</code>‎==

ملاحظة: هذه التعليمة مُهملَة (deprecated). استعمل جُمل ‎<code>‎import "moduleName";‎</code>‎ عوضًا عنها.

تُعلِم التعليمة ‎<code>/// <amd-dependency path="x" /></code>‎ المترجمَ إلى وجود اعتمادٍ على وحدةٍ غير مكتوبة بلغة TypeScript يجب حقنُها في استدعاء ‎<code>require</code>‎ الخاصّ بالوحدة الناتجة.

يُمكن لتعليمة ‎<code>amd-dependency</code>‎ أن تحتوي كذلك على خاصيّة ‎<code>name</code>‎ اختياريّة؛ ما يسمح لتمرير اسمٍ اختياريّ لاعتماديّة AMD:
<syntaxhighlight lang="typescript">
/// <amd-dependency path="legacy/moduleA" name="moduleA"/>
declare var moduleA:MyType
moduleA.callStuff()
</syntaxhighlight>
شيفرة JavaScript المولّدَة:
<syntaxhighlight lang="typescript">
define(["require", "exports", "legacy/moduleA"], function (require, exports, moduleA) {
    moduleA.callStuff()
});
</syntaxhighlight>
== مصادر ==
* [https://www.typescriptlang.org/docs/handbook/triple-slash-directives.html صفحة Triple-Slash Directives في توثيق TypeScript الرسمي.]
[[تصنيف:TypeScript]]