أفضل 10 اختصارات جافا سكريبت للمبتدئين

اختصارات جافا سكريبت ليس فقط تسريع عملية الترميز ولكن أيضا جعل البرامج النصية أقصر ، وبالتالي يؤدي إلى تحميلات أسرع للصفحة. رموز الاختزال صالحة مثل إصدارات longhand. هم أساسا الوقوف لنفس الشيء-فقط في تنسيق أكثر إحكاما. إنها واحدة من أبسط تقنيات تحسين الكود.

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

1. الأعداد العشرية

إذا كنت بانتظام العمل مع الكسور العشرية الكبيرة هذا الاختصار يمكن أن يكون هبة من السماء ، حيث لم تعد مضطرًا إلى كتابة جميع الأصفار بعد الآن ، فقط استبدلها بـ البريد الرموز. على سبيل المثال, 1e8 يعني إضافة ثمانية أصفار بعد 1 الرقم ، فإنه يساوي 100000000.

الرقم بعد الرسالة البريد يشير إلى عدد الأصفار التي تأتي بعد الرقم (الأرقام) من قبل البريد. بطريقة مماثلة, 16e4 هو اختصار ل 160000, إلخ.

 / * Shorthand * / var myVar = 1e8؛ / * Longhand * / var myVar = 100000000؛ 

2. الزيادة ، النقصان

ال زيادة الاختزال يتكون من اثنين + علامات ، وهذا يعني أن قيمة المتغير هو زيادة من جانب واحد. وبالمثل ، فإن تخفيض الاختزال يتكون من اثنين - علامات ، وهذا يعني أن المتغير هو أن يكون انخفضت من قبل واحد.

ويمكن استخدام هذين الاختزالين فقط على أنواع البيانات الرقمية. لديهم دور لا غنى عنه في الحلقات ، وحالة الاستخدام الأكثر شيوعا هو إلى عن على عقدة.

 / * Shorthand * / i ++؛ j--. / * Longhand * / i = i + 1؛ ي = J-1؛ 

3. إضافة ، صرف ، ضرب ، قسمة

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

في المثال أدناه ، فإن أنا يتم زيادة متغير بواسطة 5, ي يتناقص بواسطة 3, ك مضروبة في 10, و ل ينقسم 2.

 / * Shorthand * / i + = 5؛ ي- = 3؛ ك * = 10؛ لتر / = 2؛ / * Longhand * / i = i + 5؛ ي = J-3؛ ك = ك * 10؛ ل = ل / 2؛ 

4. تحديد موقف الشخصية

ال charAt () طريقة هي واحدة من أساليب السلسلة الأكثر استخداما ، فإنها ترجع حرف في الموضع المحدد (على سبيل المثال ، 5^عشر شخصية سلسلة). هناك اختصار بسيط يمكنك استخدامه بدلاً من ذلك: يمكنك إضافة موضع الحرف محاط بأقواس مربعة بعد الخيط.

إيلاء الاهتمام أن charAt () الطريقة هي الصفرية. وبالتالي, myString [4] سيعود 5^عشر حرف في السلسلة ("ص" في المثال).

 فار myString = "عيد ميلاد سعيد" ؛ / * الاختزال * / myString [4] ؛ / * Longhand * / myString.charAt (4)؛ 

5. أعلن المتغيرات بكميات كبيرة

إذا كنت تريد إنشاء أكثر من متغيرات واحدة في نفس الوقت لست مضطرًا لكتابتها واحدة تلو الأخرى. انها كافية لاستخدام فار (أو سمح) الكلمة الأساسية مرة واحدة فقط, ثم يمكنك فقط سرد المتغيرات التي تريد إنشاؤها, مفصولة بفاصلة.

مع هذا الاختصار ، يمكنك أن تعلن على حد سواء متغيرات غير محددة و المتغيرات ذات القيمة.

 / * Shorthand * / var i، j = 5، k = "صباح الخير"، l، m = false؛ / * Longhand * / var i؛ فار ي = 5 ؛ فار ك = "صباح الخير" ؛ فار ل. فار م = خطأ ؛ 

6. أعلن مجموعة النقابي

الإعلان عن صفيف في JavaScript مهمة بسيطة نسبيًا ، باستخدام var myArray = ["apple"، "pear"، "orange"] بناء الجملة. ومع ذلك, الإعلان عن مجموعة النقابي أكثر تعقيدًا قليلاً ، كما هو الحال هنا ، ليس عليك فقط تحديد القيم ولكن أيضًا المفاتيح (في حالة المصفوفات العادية تكون المفاتيح 0 ، 1 ، 2 ، 3 ، إلخ.).

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

في المثال أدناه ، فإن myArray مجموعة النقابي تعين مكان ميلادهم (القيم) للأشخاص المشهورين (المفاتيح).

 / * Shorthand * / var myArray = "Grace Kelly": "Philadelphia"، "Clint Eastwood": "San Francisco"، "Humphrey Bogart": "New York City"، "Sophia Loren": "Rome"، "Ingrid Bergman ":" Stockholm " / * Longhand * / var myArray = new Array ()؛ myArray ["Grace Kelly"] = "Philadelphia"؛ myArray ["Clint Eastwood"] = "San Francisco"؛ myArray ["Humphrey Bogart"] = "مدينة نيويورك"؛ myArray ["Sophia Loren"] = "Rome"؛ myArray ["Ingrid Bergman"] = "Stockholm"؛ 

7. أعلن كائن

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

الفرق الوحيد في بناء جملة الاختزال هو ذلك خصائص الكائن غير محاطة بعلامات اقتباس (اسم, مكان الولادة, عمر, wasJamesBond في المثال أدناه).

 / * Shorthand * / var myObj = name: "Sean Connery"، placeOfBirth: "Edinburgh"، age: 86، wasJamesBond: true؛ / * Longhand * / var myObj = new Object ()؛ myObj.name = "Sean Connery"؛ myObj.placeOfBirth = "Edinburgh"؛ myObj.age = 86؛ myObj.wasJamesBond = true؛ 

8. استخدام عامل الشرطي

ال عامل (ثلاثي) الشرطي كثيرا ما يستخدم اختصار ل لو غير هذا بيان. إنها تتكون من ثلاثة أجزاء:

1. ال شرط
2. ماذا يحدث إذا كان الشرط صحيح (إذا)
3. ماذا يحدث إذا كان الشرط خاطئ (آخر)

في المثال أدناه ، نرسل رسالة بسيطة (داخل رسالة متغير) للأشخاص الذين يرغبون في دخول النادي. باستخدام النموذج المختصر ، إنه مجرد سطر واحد من التعليمات البرمجية تشغيل التقييم.

 فار العمر = 17 ؛ / * اختصار * / var message = age> = 18؟ "مسموح": "مرفوض" ؛ / * Longhand * / if (age> = 18) var message = "مسموح به" ؛  message message = "مرفوض" ؛  

إذا كنت ترغب في اختباره فقط انسخ الكود في وحدة التحكم على الويب (F12 في معظم المتصفحات) وتعديل قيمة عمر متغير عدة مرات.

9. التحقق من الوجود

يحدث غالبًا أنك تحتاج إلى التحقق من وجود متغير الحاضر أم لا. ال “إذا الوجود” اختزال يساعدك على القيام بذلك مع رمز أقل بكثير.

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

 فار ميفار = 99 ؛ / * Shorthand * / if (myVar) console.log ("تم تعريف متغير myVar وهو ليس فارغًا وليس خاليًا وليس خاطئًا.")؛  / * Longhand * / if (typeof myVar! == "undefined" && myVar! == "" && myVar! == null && myVar! == 0 && myVar! == false) console.log ("The myVar تم تعريف المتغير وهو ليس فارغًا وليس خاليًا وليس خطأ. ")؛  

يمكنك اختبار كيف “إذا الوجود” يعمل الاختصار عن طريق إدراج مقتطف الشفرة التالي في وحدة تحكم الويب و تغيير قيمة myVar بعض الاوقات.

لفهم كيف يعمل هذا الاختزال ، يجدر اختباره بقيم "" (سلسلة فارغة), خاطئة, 0, صحيح, سلسلة غير فارغة (مثل. "مرحبا") ، رقم (على سبيل المثال. 99) ، وعندما يكون المتغير غير محدد (ببساطة فار ميفار).

10. تحقق الغياب

ال “إذا الوجود” اختصار يمكن استخدامها ل تحقق من عدم وجود متغير عن طريق وضع علامة تعجب قبل ذلك. علامة التعجب هي لا المنطقي المشغل في JavaScript (وفي معظم لغات البرمجة).

لذلك ، مع إذا (! myVar) تدوين ، يمكنك التحقق مما إذا كان myVar متغير غير معرف أو فارغ أو باطل أو خطأ.

 فار ميفار / * Shorthand * / if (! myVar) console.warn ("متغير myVar غير معرف (OR) فارغ (OR) فارغ (OR) خاطئ.")؛  / * Longhand * / if (typeof myVar === "undefined" || myVar === "" || myVar === null || myVar === 0 || myVar === false) console.warn ("متغير myVar غير معرف (OR) فارغ (OR) فارغ (OR) false.")؛