9 نصائح مفيدة جدا جافا سكريبت

تحياتي يا هبر! أقدم إليكم ترجمة المقال "9 قوى جافا سكريبت قوية للغاية" لكلاوس .

تقريبا. المترجم: في هذا المنشور الجديد (10 كانون الأول / ديسمبر) ، خدع جافا سكريبت الرائعة التي أحبها كمبتدئين ، ولكن هناك أيضًا إعلان واضح لتطبيق الاختبار. لكن يجب أن أترجم المادة بأكملها ، لذلك أخفي الجزء الإعلاني في المفسد ، على الرغم من أنه ليس عديم الفائدة ، بالمناسبة.

أصلي من المقال المترجم
أنا أحب أن الأمثل.

لكن المستخدمين لا يهتمون برمزي المُحسّن إذا كان موقعهم لا يعمل في Internet Explorer 11.

يمكنني استخدام Endtest لإنشاء اختبارات تلقائية وتشغيلها في سحابة متقاطعة.


بالمناسبة ، يستخدم Netflix نفس النظام الأساسي لاختبار تطبيقات الويب الخاصة به. علاوة على ذلك ، فهو مدرج في قائمة المهارات اللازمة في بعض الوظائف الشاغرة .

يحتوي Endtest حقًا على بعض الميزات الرائعة ، مثل:

  • شبكة متقاطعة عبر المستعرضات تعمل على أجهزة كمبيوتر Windows و MacOS
  • محرر الشفرة للاختبارات الآلية
  • دعم تطبيق الويب
  • دعم كل من التطبيقات الأصلية والمختلطة لنظامي التشغيل Android و iOS
  • مقاطع فيديو غير محدودة لتشغيل الاختبار
  • مقارنة لقطة
  • تحديد الموقع الجغرافي
  • إذا البيان
  • دورات
  • تحميل الملفات لاختباراتك
  • Endtest API ، لسهولة التكامل مع نظام CI / CD
  • البيانات الموسعة
  • اختبارات المحمول على الأجهزة المحمولة الحقيقية
  • اختبار البريد الإلكتروني مع علبة بريد Endtest

يمكنك عرض المستندات على هذه الأداة.

والآن هناك 9 نصائح مفيدة للغاية JavaScript.

  1. استبدال الكل


    نحن نعلم أن الدالة string.replace () تحل محل التكرار الأول فقط. يمكنك استبدال كل التكرارات بإضافة / g في نهاية التعبير العادي.

    var example = "potato potato"; console.log(example.replace(/pot/, "tom")); // "tomato potato" console.log(example.replace(/pot/g, "tom")); // "tomato tomato" 
  2. استرداد القيم الفريدة


    يمكننا إنشاء صفيف جديد بقيم فريدة فقط باستخدام كائن Set ومعامل Spread.

     var entries = [1, 2, 2, 3, 4, 5, 6, 6, 7, 7, 8, 4, 2, 1] var unique_entries = [...new Set(entries)]; console.log(unique_entries); // [1, 2, 3, 4, 5, 6, 7, 8] 
  3. تحويل الرقم إلى سلسلة


    علينا فقط استخدام عامل التشغيل التسلسلي مع مجموعة فارغة من علامات الاقتباس.

     var converted_number = 5 + ""; console.log(converted_number); // 5 console.log(typeof converted_number); // string 
  4. تحويل السلسلة إلى رقم


    كل ما نحتاج إليه هو عامل +.

    كن حذرا مع هذا ، لأنه يعمل فقط مع أرقام السلسلة.

     the_string = "123"; console.log(+the_string); // 123 the_string = "hello"; console.log(+the_string); // NaN 
  5. خلط العناصر من مجموعة


    كل يوم أنا شافلين ':-)

     var my_list = [1, 2, 3, 4, 5, 6, 7, 8, 9]; console.log(my_list.sort(function() { return Math.random() - 0.5 })); // [4, 8, 2, 9, 1, 3, 6, 5, 7] 
  6. السلس مجموعة متعددة الأبعاد


    فقط باستخدام بيان انتشار.

     var entries = [1, [2, 5], [6, 7], 9]; var flat_entries = [].concat(...entries); // [1, 2, 5, 6, 7, 9] 
  7. شروط الاختصار


    لنأخذ هذا المثال:

     if (available) { addToCart(); } 

    ويمكنك تقصيرها ببساطة باستخدام متغير مع الوظيفة:

     available && addToCart() 
  8. أسماء الممتلكات الديناميكية


    اعتقدت دائمًا أنني بحاجة إلى إعلان كائن أولاً قبل أن أقوم بتعيين خاصية ديناميكية.

     const dynamic = 'flavour'; var item = { name: 'Coke', [dynamic]: 'Cherry' } console.log(item); // { name: "Coke", flavour: "Cherry" } 
  9. استخدام طول لتغيير حجم / مسح مجموعة


    نحن في الأساس إعادة كتابة طول مجموعة.

    إذا كنا نريد تغيير حجم المصفوفة:

     var entries = [1, 2, 3, 4, 5, 6, 7]; console.log(entries.length); // 7 entries.length = 4; console.log(entries.length); // 4 console.log(entries); // [1, 2, 3, 4] 

    إذا كنا نريد مسح الصفيف:

     var entries = [1, 2, 3, 4, 5, 6, 7]; console.log(entries.length); // 7 entries.length = 0; console.log(entries.length); // 0 console.log(entries); // [] 

تلميحات JavaScript جيدة ، ولكن تأكد من تشغيل تطبيق الويب الخاص بك بشكل صحيح على جميع المتصفحات والأجهزة. تأكد من الاعتناء بهذا.

Source: https://habr.com/ru/post/ar480398/


All Articles