JavaScript Modularsing كائنات كبيرة

Question

لقد حصلت على كائن محدد كدالة ، ولديه الكثير من الأساليب والخصائص فيه ، ما هي بعض الطرق لجعلها أكثر قابلية للإدارة؟ من الممكن وضع وظائف داخل الكائن في ملفات خارجية؟

يحرر:

شخص ما مذكور في إجابة واحدة لتشمل ملفات أخرى ، ولكن هذا سيكون له صفحة HTML غير متوفرة ، أي:

<script type="text/javascript" src="script1.js"></script>
<script type="text/javascript" src="script2.js"></script>
<script type="text/javascript" src="script3.js"></script>
....
<script type="text/javascript" src="script76.js"></script>

هل هناك أيضًا أي طريقة لتنظيم الكود بحيث يكون هناك مرجع واحد فقط مطلوب ملف JavaScript؟

Answer 1

var myobj = {
  somefunc: function() { /* function code */ },
  prop: "some string",
  // etc.
};

وفي ملف JS آخر مدرج بعد الرمز أعلاه

myobj.anotherfunc = function () { /* function code */ };

Answer 2

قد ترغب في التحقق متطلبات. يتيح لك تحديد الوظائف والوحدات النمطية والتبعيات وتحميل ملفات JavaScript الخارجية من JavaScript (ربما Async).

Answer 3

يمكنك استخدام برنامج نصي جانب الخادم للتعامل مع JavaScripts ، مع JSMin يمكنك حتى تسريع العملية (إذا تم تخزينها مؤقتًا).

أنا أفكر في برنامج نصي مثل هذا: scripts.php

<?php 

$files = array('script1.js', 'script2.js');
$output = '';

foreach($files as $file){
    $output .= file_get_contents($file);
}

header("Content-type: application/x-javascript");
echo $output;

?>

your html
<script type="text/javascript" src="/script.php"></script>

يمكنك أيضًا تضمين جميع ملفات JS داخل مجلد ، فقط إنشاء الصفيف عبر المسح الضوئي أو شيء ما ، أعتقد أنك تحصل على الفكرة!

تحية Nexum

Answer 4

يمكنك تجربة هذا:
http://www.cryer.co.uk/resources/javascript/script17_include_js_from_js.htm

... ولكن أفضل الممارسات هي تضمين الملفات التي تريدها في صفحة HTML الرئيسية