العناصر الخارجية وعمليات التصدير
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
الغرض من برنامج التدريب الخارجي
Externs هي تعريفات تخبر Closure Compiler بأسماء الرموز التي يجب عدم إعادة تسميتها أثناء عملية التجميع المتقدّمة.
ويُطلق عليها اسم "الرموز الخارجية" لأنّ هذه الرموز يتم تعريفها غالبًا من خلال رمز برمجي خارج عملية التجميع، مثل الرمز البرمجي الأصلي أو المكتبات التابعة لجهات خارجية. لهذا السبب، غالبًا ما تتضمّن العناصر الخارجية أيضًا تعليقات توضيحية للأنواع،
ليتمكّن Closure Compiler من التحقّق من أنواع استخدامك لهذه الرموز.
بشكل عام، من الأفضل اعتبار externs بمثابة عقد واجهة برمجة تطبيقات بين المنفِّذ ومستهلكي جزء من الرمز البرمجي المجمَّع. تحدّد
externs ما يلتزم المبرمج بتوفيره، وما يمكن للمستهلكين الاعتماد عليه. يحتاج كلا الطرفين إلى نسخة من العقد.
تتشابه الملفات الخارجية مع ملفات العناوين في اللغات الأخرى.
بنية Externs
ملفات Externs هي ملفات تشبه إلى حد كبير ملفات JavaScript العادية التي تمّت إضافة تعليقات توضيحية إليها لتتوافق مع Closure Compiler. ويكمن الاختلاف الرئيسي في أنّه لا تتم طباعة محتوياتها
كجزء من الناتج المجمّع، وبالتالي لا تكون أي من القيم ذات مغزى،
بل الأسماء والأنواع فقط.
في ما يلي مثال على ملف externs لمكتبة بسيطة.
// The `@externs` annotation is the best way to indicate a file contains externs.
/**
* @fileoverview Public API of my_math.js.
* @externs
*/
// Externs often declare global namespaces.
const myMath = {};
// Externs can declare functions, most importantly their names.
/**
* @param {number} x
* @param {number} y
* @return {!myMath.DivResult}
*/
myMath.div = function(x, y) {}; // Note the empty body.
// Externs can contain type declarations, such as classes and interfaces.
/** The result of an integer division. */
myMath.DivResult = class {
// Constructors are special; member fields can be declared in their bodies.
constructor() {
/** @type {number} */
this.quotient;
/** @type {number} */
this.remainder;
}
// Methods can be declared as usual; their bodies are meaningless though.
/** @return {!Array<number>} */
toPair() {}
};
// Fields and methods can also be declared using prototype notation.
/**
* @override
* @param {number=} radix
*/
myMath.DivResult.prototype.toString = function(radix) {};
علم --externs
بشكل عام، تُعدّ التعليقات التوضيحية @externs
أفضل طريقة لإعلام المترجم بأنّ الملف يتضمّن تعريفات خارجية. ويمكن تضمين هذه الملفات كملفات مصدر عادية باستخدام علامة سطر الأوامر --js
.
ومع ذلك، هناك طريقة أخرى أقدم لتحديد ملفات externs. يمكن استخدام علامة سطر الأوامر --externs
لتمرير ملفات externs بشكل صريح. لا ننصح باستخدام هذه الطريقة.
استخدام Externs
يمكن استخدام العناصر الخارجية من الأعلى على النحو التالي.
/**
* @fileoverview Do some math.
*/
/**
* @param {number} x
* @param {number} y
* @return {number}
*/
export function greatestCommonDivisor(x, y) {
while (y != 0) {
const temp = y;
// `myMath` is a global, it and `myMath.div` are never renamed.
const result = myMath.div(x, y);
// `remainder` is also never renamed on instances of `DivResult`.
y = result.remainder;
x = temp;
}
return x;
}
الغرض من عمليات التصدير
عمليات التصدير هي آلية أخرى لمنح الرموز أسماء متسقة بعد الترجمة البرمجية. وهي أقل فائدة من externs وغالبًا ما تكون مربكة. ويُنصح بتجنُّبها في كل الحالات باستثناء الحالات البسيطة.
تعتمد عمليات التصدير على حقيقة أنّ Closure Compiler لا يعدّل سلاسل الحروف.
من خلال تعيين كائن لسمة تم تسميتها باستخدام قيمة حرفية، سيصبح الكائن متاحًا من خلال اسم السمة حتى بعد الترجمة.
في ما يلي مثال بسيط.
/**
* @fileoverview Do some math.
*/
// Note that the concept of module exports is totally unrelated.
/** @return {number} */
export function myFunction() {
return 5;
}
// This assignment ensures `myFunctionAlias` will be a global alias exposing `myFunction`,
// even after compilation.
window['myFunctionAlias'] = myFunction;
إذا كنت تستخدم Closure Library، يمكن أيضًا تعريف عمليات التصدير باستخدام الدالتَين goog.exportSymbol
وgoog.exportProperty
.
تتوفّر معلومات إضافية في مستندات Closure Library الخاصة بهذه الدوال. ومع ذلك، يجب الانتباه إلى أنّها تتوافق مع برامج ترجمة خاصة
وسيتم تحويلها بالكامل في الناتج المترجَم.
مشاكل متعلقة بعمليات التصدير
تختلف عمليات التصدير عن عمليات التصدير الخارجية في أنّها تنشئ اسمًا مستعارًا مكشوفًا فقط يمكن للمستهلكين الرجوع إليه. سيتم إعادة تسمية الرمز الذي تم تصديره ضمن الرمز المجمّع. لهذا السبب، يجب أن تكون الرموز التي يتم تصديرها ثابتة، لأنّ إعادة تعيينها في الرمز البرمجي سيؤدي إلى أن يشير الاسم المستعار المعروض إلى العنصر الخاطئ.
ويزداد تعقيد هذه الدقة في إعادة التسمية خاصةً فيما يتعلق بخصائص الكائنات التي تم تصديرها.
من الناحية النظرية، يمكن أن تسمح عمليات التصدير بحجم رمز أصغر مقارنةً بالملفات الخارجية، لأنّه يمكن تغيير الأسماء الطويلة إلى أسماء أقصر داخل الرمز. في الواقع،
غالبًا ما تكون هذه التحسينات طفيفة جدًا، ولا تبرّر الالتباس الذي تسبّبه عمليات التصدير.
ولا توفّر عمليات التصدير أيضًا واجهة برمجة تطبيقات للمستهلكين يمكنهم اتّباعها بالطريقة التي توفّرها الرموز الخارجية.
بالمقارنة مع عمليات التصدير، توثّق الرموز الخارجية الرموز التي تريد عرضها،
وأنواعها، وتوفّر لك مكانًا لإضافة معلومات الاستخدام. بالإضافة إلى ذلك، إذا كان المستهلكون يستخدمون Closure Compiler أيضًا، سيحتاجون إلى ملفات تعريف خارجية لتجميع الرمز البرمجي.
إنّ محتوى هذه الصفحة مرخّص بموجب ترخيص Creative Commons Attribution 4.0 ما لم يُنصّ على خلاف ذلك، ونماذج الرموز مرخّصة بموجب ترخيص Apache 2.0. للاطّلاع على التفاصيل، يُرجى مراجعة سياسات موقع Google Developers. إنّ Java هي علامة تجارية مسجَّلة لشركة Oracle و/أو شركائها التابعين.
تاريخ التعديل الأخير: 2025-07-26 (حسب التوقيت العالمي المتفَّق عليه)
[null,null,["تاريخ التعديل الأخير: 2025-07-26 (حسب التوقيت العالمي المتفَّق عليه)"],[[["\u003cp\u003eExterns are declarations that inform Closure Compiler about external symbols (like those from native code or third-party libraries) that should not be renamed during compilation.\u003c/p\u003e\n"],["\u003cp\u003eThey act as an API contract, defining what symbols are provided and ensuring type safety by including type annotations.\u003c/p\u003e\n"],["\u003cp\u003eExterns are primarily defined in separate files using the \u003ccode\u003e@externs\u003c/code\u003e annotation, similar to header files in other languages.\u003c/p\u003e\n"],["\u003cp\u003eWhile exports offer an alternative for exposing symbols, they are less versatile than externs and can introduce complexities, making externs generally preferred.\u003c/p\u003e\n"],["\u003cp\u003eExports create aliases for symbols, while externs provide comprehensive API documentation and type information for external code interaction.\u003c/p\u003e\n"]]],[],null,["# Externs and Exports\n\nPurpose of Externs\n------------------\n\n\nExterns are declarations that tell Closure Compiler the names of\nsymbols that should not be renamed during advanced compilation.\nThey are called externs because these symbols are most often defined by\ncode outside the compilation, such a native code, or third-party\nlibraries. For this reason, externs often also have type annotations,\nso that Closure Compiler can typecheck your use of those symbols.\n\n\nIn general, it is best to think of externs as an API contract between\nthe implementor and the consumers of some piece of compiled code. The\nexterns define what the implementor promises to supply, and what the\nconsumers can depend on using. Both sides need a copy of the contract.\n\nExterns are similar to header files in other languages. \n\nExterns Syntax\n--------------\n\n\nExterns are files that look very much like normal JavaScript annotated\nfor Closure Compiler. The main difference is that their contents are never printed\nas part of the compiled output, so none of the values are meaningful,\nonly the names and types.\n\nBelow is an example of an externs file for a simple library. \n\n```gdscript\n// The `@externs` annotation is the best way to indicate a file contains externs.\n\n/**\n * @fileoverview Public API of my_math.js.\n * @externs\n */\n\n// Externs often declare global namespaces.\n\nconst myMath = {};\n\n// Externs can declare functions, most importantly their names.\n\n/**\n * @param {number} x\n * @param {number} y\n * @return {!myMath.DivResult}\n */\nmyMath.div = function(x, y) {}; // Note the empty body.\n\n// Externs can contain type declarations, such as classes and interfaces.\n\n/** The result of an integer division. */\nmyMath.DivResult = class {\n\n // Constructors are special; member fields can be declared in their bodies.\n\n constructor() {\n /** @type {number} */\n this.quotient;\n /** @type {number} */\n this.remainder;\n }\n\n // Methods can be declared as usual; their bodies are meaningless though.\n\n /** @return {!Array\u003cnumber\u003e} */\n toPair() {}\n\n};\n\n// Fields and methods can also be declared using prototype notation.\n\n/**\n * @override\n * @param {number=} radix\n */\nmyMath.DivResult.prototype.toString = function(radix) {};\n \n``` \n\n### The `--externs` Flag\n\n\nGenerally, the `@externs` annotation is the best way to inform\nthe compiler that a file contains externs. Such files can be included\nas normal source files using the `--js` command-line flag,\n\n\nHowever, there is another, older way, to specify externs files. The\n`--externs` command-line flag can be used to pass externs\nfiles explicitly. This method is not recommended. \n\nUsing Externs\n-------------\n\nThe externs from above can be consumed as follows. \n\n```mysql\n/**\n * @fileoverview Do some math.\n */\n\n/**\n * @param {number} x\n * @param {number} y\n * @return {number}\n */\nexport function greatestCommonDivisor(x, y) {\n while (y != 0) {\n const temp = y;\n // `myMath` is a global, it and `myMath.div` are never renamed.\n const result = myMath.div(x, y);\n // `remainder` is also never renamed on instances of `DivResult`.\n y = result.remainder;\n x = temp;\n }\n return x;\n}\n \n``` \n\nPurpose of Exports\n------------------\n\n\nExports are another mechanism for giving symbols consistent names after\ncompilation. They are less useful than externs and often confusing. For\nall but simple cases they are best avoided.\n\n\nExports rely on the fact that Closure Compiler doesn't modify string literals.\nBy assigning an object to a property named using a literal, the object will\nbe available through that property name even after compilation.\n\n\nBelow is a simple example. \n\n```mysql\n/**\n * @fileoverview Do some math.\n */\n\n// Note that the concept of module exports is totally unrelated.\n\n/** @return {number} */\nexport function myFunction() {\n return 5;\n}\n\n// This assignment ensures `myFunctionAlias` will be a global alias exposing `myFunction`,\n// even after compilation.\n\nwindow['myFunctionAlias'] = myFunction;\n \n``` \n\nIf you are using Closure Library, exports can also be declared using the\n`goog.exportSymbol` and `goog.exportProperty` functions.\n\n\nMore information is available in the Closure Library documentation of\nthese functions. However, be aware they have special compiler support\nand will be totally transformed in the compiled output. \n\nIssues with Exports\n-------------------\n\n\nExports are different from externs in that they only create an exposed\n*alias* for consumers to reference. Within the compiled code, the exported\nsymbol will still be renamed. For this reason, exported symbols must be\nconstant, since reassigning them in your code would cause the exposed\nalias to point to the wrong thing.\n\n\nThis subtlety in renaming is especially complicated with respect to exported\ninstance properties.\n\n\nIn theory, exports can allow smaller code-size compared to externs, since long\nnames can still be changed to shorter ones within your code. In practice,\nthese improvements are often very minor, and don't justify the confusion exports create.\n\n\nExports also don't provide an API for consumers to follow in the way externs do.\nCompared to exports, externs document the symbols you intend to expose,\ntheir types, and give you a place to add usage information. Additionally,\nif your consumers are also using Closure Compiler, they will need externs to\ncompile against."]]