مطبوعة مقابل جافا سكريبت – فهم الفرق

أحد الأسئلة المتداولة التي أتلقاها هو ، ما الفرق بين JavaScript و Typescript؟

هيا نكتشف…

من الوقت الذي بدأت فيه الترميز ، كان JavaScript (JS) جزءًا من جميع مشاريع الواجهة الأمامية. إذا كنت معتادًا على استخدام JS ، ففكر في TypeScript مثل JS بالإضافة إلى بعض الميزات الإضافية التي تجعل تطبيقك أكثر إتقانًا وكتابة. تم تطوير typeScript كمشروع مفتوح المصدر بواسطة Microsoft لجعل تطوير JS أكثر كفاءة واكتشاف أخطاء الترجمة في وقت مبكر.

في هذه المقالة ، سنناقش بعض الميزات المهمة لجافا سكريبت وتايبسكريبت والاختلافات بين لغتي البرمجة النصية.

ما هو جافا سكريبت؟

يتم استخدام JavaScript للبرمجة النصية من جانب العميل. يمكنك إنشاء برنامج نصي على صفحة HTML أو إنشاء ملف بامتداد .js وإدراجه في ملف HTML الخاص بك. من الأمثلة الشائعة في العالم الحقيقي حيث يمكنك رؤية JavaScript هو التحقق من صحة صفحة تسجيل الدخول ، حيث يظهر لك خطأ عندما يكون اسم المستخدم / كلمة المرور غير صحيحين.

دعونا نكتب كود JS بسيط ونشغّله على المتصفح:

قم بإنشاء ملف example.html وأضف الكود التالي:

<script>

feeling = 'happy';

feeling = 23;

</script>

يعلن هذا الكود البسيط عن متغير ويعين له قيمة (سلسلة) happy. يمكننا تعيين قيمة من نوع مختلف (رقم) لنفس المتغير. لن تشكو JavaScript من ذلك ويمكننا تشغيل الكود على أي متصفح دون أي مشاكل. الآن ، دعونا نحصل على قيمة الشعور من المستخدم:

  13 خدمة توزيع الأخبار أو النشرات الصحفية لاستخدام فرق العلاقات العامة

سيبدو HTML الخاص بنا على النحو التالي:

<input type = "textbox" id = "howyoufeel">

وسيكون النص:

feeling = document.getElementById("howyoufeel").value;

ما لم نضع عمليات تحقق صريحة في البرنامج النصي ، ستقبل JS أي قيمة من المستخدم وتمررها. لذا ، يمكنك وضع أي شيء مثل 234 ، @. # $٪ ، إلخ في متغير الشعور.

ميزات JavaScript

مما سبق يمكننا ملاحظة الميزات التالية لجافا سكريبت:

  • لغة البرمجة النصية المكتوبة بشكل ضعيف
  • تُستخدم للبرمجة النصية من جانب العميل ومن جانب الخادم (باستخدام node.js)
  • مرنة وديناميكية
  • مدعوم من قبل جميع المتصفحات الرئيسية
  • خفيف الوزن ومفسر

إذا كنت مهتمًا بإتقان JavaScript ، فتحقق من ذلك دورة Udemy.

ما هو TypeScript؟

سيشتمل التطبيق الواقعي على العديد من عمليات التحقق من الصحة والفحوصات الديناميكية. بالنسبة لمثل هذه التطبيقات ، سيصبح من الصعب اختبار كود JavaScript في مرحلة ما ، ويرجع ذلك أساسًا إلى عدم وجود فحص للنوع. أثناء الحصول على القيم من المستخدمين ، من المهم الحصول عليها بشكل صحيح في البداية نفسها. هذا هو المكان الذي تدخل فيه TypeScript.

TypeScript مكتوب بقوة ولديه مترجم يشكو إذا لم تحدد نوع المتغير.

يتوافق كل من JavaScript و TypeScript مع مواصفات ECMAScript للغة البرمجة النصية. يمكن لـ Typescript تشغيل جميع تعليمات JavaScript البرمجية ودعم جميع مكتباتها – وهذا هو السبب في أنها تسمى مجموعة شاملة من JavaScript.

تثبيت TypeScript

لتنفيذ التعليمات البرمجية السابقة في TypeScript ، نحتاج إلى تثبيت برنامج التحويل البرمجي TypeScript باستخدام الحزمة npm (إذا كان لديك node js).

npm install -g typescript

أو قم بتنزيله مباشرة من المسؤول صفحة تنزيلات Microsoft. يمكنك أيضًا استخدام ملف ملعب TS لنرى كيف يتم تحويل الشفرة من ts إلى js.

  هل تقوم تطبيقات "أمان" iPhone بأي شيء في الواقع؟

بمجرد الانتهاء من ذلك ، يمكنك تكوين إعدادات المشروع في tsconfig.json واستخدام أي IDE أو محرر نصوص لكتابة كود TypeScript وحفظه بتنسيق ts.

لا يزال بإمكانك الابتعاد عن طريق عدم تحديد نوع المتغير ويمكن أن يستنتج TypeScript نوع البيانات. ومع ذلك ، ستحصل على خطأ “شعور” إذا قدمت أي شيء بخلاف النوع المستخدم الأول (في حالتنا ، سلسلة) – أثناء التجميع نفسه.

من الجيد دائمًا أن تحتوي الشفرة على نوع تعليق توضيحي لقابلية الصيانة وسهولة الاستخدام:

var feeling: string = “happy”;

هذا ليس هو!

يوفر TypeScript العديد من الميزات الأخرى لتسهيل حياة المطور.

ميزات TypeScript

يحتوي برنامج Typescript على مجموعة ميزات غنية ويأتي كل إصدار بميزات جديدة لتسهيل التطوير أكثر من ذي قبل. على سبيل المثال ، مع الإصدار الجديد (4.0) ، بعض الميزات الإضافية هي أنواع tuple متغيرة ، ومصانع JSX مخصصة ، واستدلال خاصية الفئة من المنشئات ، وما إلى ذلك. بعض الميزات النموذجية لـ TypeScript هي:

  • يدعم مفاهيم البرمجة الشيئية مثل الواجهة ، والميراث ، والفئة. الأدوية
  • الكشف المبكر عن الأخطاء
  • دعم IDE مع التحقق من بناء الجملة والاقتراحات
  • أسهل في التصحيح كما هو مكتوب
  • التحويل البرمجي إلى JavaScript
  • تستخدم للتطبيقات من جانب الخادم والعميل
  • دعم عبر الأنظمة الأساسية وعبر المستعرضات
  • يدعم جميع مكتبات وملحقات JS

لماذا نحتاج TypeScript؟ (مزايا TypeScript على JavaScript)

طورت Microsoft واستخدمت TypeScript لمدة عامين لمشروعاتها الداخلية قبل طرحها للجمهور في عام 2012. لقد قاموا بإنشاء JavaScript مكتوب لأنه كان من الأسهل اختبار الكود لتطبيقات المؤسسات على مستوى الإنتاج. لا يزال بإمكانك استخدام ميزات الكتابة الديناميكية ولكن أيضًا كتابة المتغيرات عندما تكون مطلوبة حقًا.

  إصلاح خطأ Xbox One 0x80a40019

ضع في اعتبارك الكود أدناه:

var mynum  = //get from user;

addten(number){

return number + 10;

}

نتوقع أن تكون النتيجة رقمًا دائمًا. ولكن ماذا لو أعطى المستخدم كلمة “خروف”؟ سيكون الناتج sheep10 – من الناحية المثالية ، نحتاج إلى إخبار المستخدم أن هذه العملية غير ممكنة!

أيضًا ، عندما تتوفر لديك معلومات الكتابة ، يصبح محررو النصوص و IDE أكثر سهولة في استخدام وحفظ أخطاء وقت التشغيل. من الأسهل أيضًا إعادة بناء الكود في وقت لاحق.

هل هذا يعني أننا لسنا بحاجة إلى JavaScript؟ (عيوب TypeScript على JavaScript)

يمكنك التفكير في TypeScript على أنه امتداد لـ JavaScript ، ولكن بالتأكيد ليس بديلاً.

بالنسبة للكتل الصغيرة من التعليمات البرمجية ، يمكن أن يصبح TypeScript عبئًا – سيكون التثبيت والترجمة والترجمة التحويلية زائدة عن الحاجة. باستخدام JavaScript ، يمكنك ببساطة كتابة البرنامج النصي بتنسيق HTML وسيعمل. من الأسهل أيضًا تصحيح أخطاء الكود عندما يمكنك ببساطة تحديث المتصفح في كل مرة تقوم فيها بتغيير شيء ما.

مقارنة وجها لوجه

الآن بعد أن فهمنا ميزات ومزايا كل من TypeScript و JavaScript ، دعنا نراجع المزيد من المقارنات:

تيبسكريبت
جافا سكريبت
لغة مكتوبة تكتشف أخطاء الترجمة في وقت مبكر
يمكنك معرفة الأخطاء أثناء وقت التشغيل
مناسب للمشاريع الكبيرة لأنه يحسن إمكانية صيانة الكود وقابليته للقراءة
مع إضافة المزيد من التعليمات البرمجية ، يصبح من الصعب اختبارها وتصحيحها ، وبالتالي فإن JS مناسبة للمشاريع الصغيرة
مجموعة كبيرة من JS ، أي ميزات مثل اتجاه الكائن وفحص النوع والمزيد
لغة برمجة نصية تدعم إنشاء محتوى الويب الديناميكي
يتطلب تثبيت مترجم وإعداد التكوين
لا حاجة لأي تثبيت ؛ يمكن كتابة كود JS مباشرة في متصفح باستخدام علامة ، احفظه بتنسيق HTML - سترى النتائج! يمكنك بعد ذلك البناء عليها لإنشاء محتوى أكثر ديناميكية.

علاوة على ذلك ، عندما تعمل على تطبيق واسع النطاق ، فإن امتلاك معرفة بـ JavaScript سيساعدك على الانتقال إلى TypeScript بسهولة.

ومع ذلك ، من منظور الوظيفة والأجور ، مثل أ مطور TypeScript، ستكون أكثر مرونة وراحة مع كل من مشاريع JS و TS - لذلك بالتأكيد أصل أفضل في السوق. عادةً ما يتقاضى مطورو TypeScript أي مبلغ يتراوح بين 110 ألف دولار و 147 ألف دولار ، في حين يتقاضى مطورو JS حوالي 63 ألف دولار إلى 118 ألف دولار سنويًا.