الصفحة الرئيسية » الترميز » 4 بيانات JavaScript مفيدة يجب أن تعرفها

    4 بيانات JavaScript مفيدة يجب أن تعرفها

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

    في منشور اليوم سنرى أربعة بيانات جافا سكريبت أقل شيوعا ربما لم تكن قد عرفت من قبل ، ولكن يمكنك تعميق معرفتك JavaScript ، وتمكينك من كتابة رمز أفضل.

    1. بيان فارغ

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

    على سبيل المثال ، افترض وجود متغير يسمى صبغة عباد الشمس مع القيمة الافتراضية محايد. بناءً على قيمة متغير آخر يسمى الرقم الهيدروجيني, صبغة عباد الشمس التغييرات إلى أي منهما الحمضية عندما الرقم الهيدروجيني < 7 or الأساسية عندما الرقم الهيدروجيني> 7.

    إذا كانت قيمة الرقم الهيدروجيني اتضح أنه غير صالح ، يتم إلقاء خطأ. ل شرط مثل هذا ، تنطبق العبارات الشرطية التالية:

     var litmus = 'محايد' ؛ فار درجة الحموضة. if (pH> 0 && pH<7) litmus = 'acidic'; else if(pH>7 && درجة الحموضة<15) litmus = 'basic'; else throw "Invalid pH value"; 

    ومع ذلك مجموعة من العبارات أعلاه يلقي خطأ عندما الرقم الهيدروجينيالقيمة هي 7 ، والتي لا ينبغي أن يكون الأمر كذلك.

    متى الرقم الهيدروجيني هو 7, صبغة عباد الشمس يجب أن تبقي قيمتها الافتراضية ، وهذا هو محايد. لذلك ، في مثل هذه الحالة ، أضف شرطًا عندما الرقم الهيدروجيني 7 مع عبارة فارغة زائدة.

     var litmus = 'محايد' ؛ فار درجة الحموضة. if (pH> 0 && pH<7) litmus = 'acidic'; else if(pH===7) ; /* empty statement */ else if(pH>7 && درجة الحموضة<15) litmus = 'basic'; else throw "Invalid pH value";

    الان، متى الرقم الهيدروجيني هو 7 ، لا يقوم المترجم بتنفيذ أي تعليمات ، و صبغة عباد الشمس يحافظ على قيمتها الافتراضية, محايد.

    ويمكن أيضا أن تستخدم عبارات فارغة لملء مجموعة بمساعدة إلى عن على عقدة.

     فار آري = [] ؛ من أجل (var i = 0 ؛ i < 5; ary[i++] = i) ; /* empty statement */ console.log(ary); // [1, 2, 3, 4, 5]

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

    في المثال أعلاه, آري [i ++] = أنا ينفذ لكل تكرار التكرار كجزء من حالة التكرار ، والصفيف آرى يحصل إنشاء مثيل لقيم أنا.

    2. و المصحح بيان

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

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

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

    كاختبار سريع ، قم بتشغيل التعليمات البرمجية التالية في Codepen ، مع الحفاظ على أداة مصحح أخطاء المستعرض مفتوحة:

     console.log ( 'tesing')؛ المصحح. console.log ('بيان التصحيح') ؛

    سترى نقطة توقف بجانب المصحح بيان كما هو موضح أدناه في أداة مصحح الأخطاء في المتصفح.

    3. بيان المسمى

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

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

    على حد سواء استراحة و استمر يمكن استخدامها فقط داخل عبارات التكرار ، مثل إلى عن على حلقة (مع استثناء واحد, استراحة يمكن استخدامها في مفتاح كهربائي بيان كذلك). لذلك ، يمكننا تسمية الحلقات ، واستخدامها استراحة و استمر للسيطرة على تنفيذها.

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

     حلقة: من أجل (var i = 0؛ i<5; i++) if(i===2) continue loop; console.log(i); // 0, 1, 3, 4 

    عندما تكون قيمة أنا هو 2 ، التنفيذ ينتقل مرة أخرى إلى الحلقة بدلاً من المتابعة وبالتالي يمنع إخراج وحدة التحكم من “2”.

    الآن دعونا نرى مثالا آخر مع استراحة بيان. مجرد استبدال استمر الكلمة مع استراحة في المثال أعلاه ، وستلاحظ أنه بدلاً من القفز مرة أخرى إلى الحلقة كما فعلت مع استمر, تنتهي الحلقة / فواصل تماما.

     حلقة: من أجل (var i = 0؛ i<5; i++) if(i===2) break loop; console.log(i); // 0, 1 

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

     حلقة: من أجل (var i = 0؛ i<4; i++)  for(var j=0; j<2; j++)  if(i===2 && j===1) break loop; console.log(i+"-"+j); 

    هنا ، و الحلقة الخارجية فواصل في القيمة 2 للمتغير أنا وفي 1 ل ي, وحدة التحكم بإرجاع الإخراج التالي:

     0-0 0-1 1-0 1-1 2-0

    4. و مع بيان

    عندما مترجم JS يأتي عبر اسم غير مؤهل التي لا تحدد الكائن أو الوظيفة التي ترتبط بها المكالمة يبحث في سلسلة النطاق لأي كائن أو وظيفة مناسبة قد تشير إليها المكالمة.

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

    في المثال التالي ، يمكنك أن ترى أن خصائص شخص كائن يسمى باستخدام أسمائهم وحدها داخل مع بيان.

     var person = firstName: "John"، lastName: "Doe"، age: "18"، country: "Greenland"؛ مع (person) console.log ("مرحبًا ، اسمي هو" + اسم العائلة + "" + اسم العائلة + ". أنا" + عمر + "سنة وأعيش في" + بلد + ".") ؛  // "مرحباً ، اسمي جون دو. عمري 18 عامًا وأعيش في جرينلاند."

    قارن كيف سيبدو الرمز أعلاه دون استخدام مع بيان:

     var person = firstName: "John"، lastName: "Doe"، age: "18"، country: "Greenland"؛ console.log ("مرحبًا ، اسمي" + person.firstName + "" + person.lastName + ". أنا" + person.age + "سنوات من العمر ، وأعيش في" + person.country + "." )؛ // "مرحباً ، اسمي جون دو. عمري 18 عامًا وأعيش في جرينلاند."

    يمكنك ان ترا ال مع عبارة يمكن أن يكون اختصار كبير إذا كنت تعمل مع العديد من خصائص الكائن نفسه.

    لاحظ أن استخدام مع بيان في وضع صارم غير مسموح به, لأنه يمكن أن يسبب بعض الارتباك النطاق.

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