كيف تبدأ سريعًا مع VUE3.0: أدخل التعلم
التوصيات ذات الصلة: برنامج JavaScript التعليمي
ما هو المُنشئ: إنها طريقة أخرى لإنشاء كائنات في JavaScript.
التباين مع إنشاء الكائنات باستخدام الطرق الحرفية: يمكن للمنشئين إنشاء بعض الكائنات بنفس الخصائص.
مثال: قم بإنشاء كائنات التفاح والموز والبرتقال من خلال مُنشئ الفاكهة. ما يميزه هو أن جميع هذه الكائنات تم إنشاؤها بناءً على نفس القالب، ولكل كائن خصائصه الخاصة.
خصائص ومزايا إنشاء الكائنات باستخدام الطرق الحرفية
: البساطة والمرونة.
العيب: عندما تحتاج إلى إنشاء مجموعة من الكائنات بنفس الخصائص، لا يمكنك من خلال التعليمات البرمجية تحديد الأعضاء الذين يجب أن تكون مشتركة بين هذه الكائنات.
تتمثل طريقة تنفيذ القوالب في لغات البرمجة الموجهة للكائنات في استخدام الفئات لإنشاء قوالب وتنفيذ كائنات مختلفة (مثيلات الفئات) بناءً على القوالب.
الطريقة الأولى لتطبيق القوالب في JavaScript: من خلال وظيفة المصنع، والتي تقوم بإنشاء كائن باستخدام الحرف "{ }" بداخله. العيب هو أنه لا يمكن تمييز نوع الكائن.
الطريقة الثانية لتطبيق القوالب في JavaScript: إنشاء كائنات من خلال المُنشئين.
قبل تعلم كيفية تخصيص المُنشئ، دعنا أولاً نلقي نظرة على كيفية استخدام مُنشئ جافا سكريبت المدمج.
: كيفية تخصيص المنشئين؟
لاحظ أنه
عند تعلم JavaScript، غالبًا ما يتم الخلط بين المبتدئين وبعض المصطلحات المتشابهة، مثل الوظيفة، والطريقة، والمنشئ، والمنشئ، والمنشئ، وما إلى ذلك.
في الواقع، يمكن أن يطلق عليها جميعًا وظائف بشكل جماعي، لكن لها أسماء مختلفة في سيناريوهات الاستخدام المختلفة. حسب الاصطلاح، تسمى الوظائف المحددة في كائن أساليب الكائن.
أما المنشئ فقد اعتاد البعض أن يطلق عليه اسم المنشئ أو المنشئ، وما علينا إلا أن نفهم أن هذه الأسماء تشير إلى نفس الشيء.
سبب عدم توفرقبل ES6: لتبسيط الصعوبة.
سبب الإضافة: مع تطور تكنولوجيا الواجهة الأمامية للويب، تحول بعض الأشخاص الذين شاركوا في الأصل في تطوير الواجهة الخلفية إلى الواجهة الأمامية. من أجل جعل JavaScript أقرب إلى بناء جملة بعض اللغات الخلفية حتى يتمكن المطورون من التكيف بشكل أسرع.
دور الكلمة الأساسية للفئة: تستخدم لتعريف الفئة.
الميزات: يمكن تعريف طريقة البناء في الفصل.
لاحظ أن
بناء جملة الفئة هو في الأساس سكر نحوي، وهو مصمم فقط لتسهيل استخدام المستخدم، ويمكن تحقيق نفس التأثير دون استخدام بناء الجملة هذا، مثل المنشئ الذي تعلمناه سابقًا. في حالة عدم دعم متصفح المستخدم لهذه الصيغة، لا يوصى بهذه الطريقة.
مفهوم: في المنشئ، تسمى المتغيرات المحددة باستخدام الكلمة الأساسية var بالأعضاء الخاصين.
الميزات: بعد كائن المثيل، لا يمكن الوصول إليه من خلال "object.member"، ولكن يمكن الوصول إلى الأعضاء الخاصين في طريقة العضو للكائن.
الميزات: يعكس اسم العضو الخاص التغليف الموجه للكائنات.
وذلك لأن هذه الكائنات هي في الواقع مثيلات للسلسلة المُنشئة، أي كائنات السلسلة.
لاحظ
أنه عند العمل على سلسلة، يتم إرجاع نتيجة المعالجة مباشرة من خلال القيمة المرجعة للطريقة ولا تغير محتوى السلسلة المخزن في كائن السلسلة نفسه. في معلمات هذه الطرق، يكون الموضع هو قيمة فهرس، بدءًا من 0، وقيمة فهرس الحرف الأول هي 0، وقيمة فهرس الحرف الأخير هي طول السلسلة ناقص 1.
خذ مثال تحديد طول أسماء المستخدمين من 3 إلى 10 وعدم السماح باستخدام الكلمة الحساسة admin للتوضيح.
يتم استخدام كائن الرقم لمعالجة الأعداد الصحيحة وأرقام الفاصلة العائمة والقيم الرقمية الأخرى، وفيما يلي الخصائص والأساليب المستخدمة بشكل شائع.
إنه عضو ثابت في Number ويمكن الوصول إليه مباشرة من خلال رقم المُنشئ، وليس مثيلًا للرقم.
يتم استخدام كائن الرياضيات لإجراء عمليات حسابية على قيم رقمية، وعلى عكس الكائنات الأخرى، فإن هذا الكائن ليس مُنشئًا ولا يحتاج إلى إنشاء مثيل له لاستخدامه.
خذ Math.random() للحصول على أرقام عشوائية ضمن نطاق محدد كمثال.
الصيغة هي Math.random() * (n - m) + m، مما يعني توليد قيمة عشوائية أكبر من أو تساوي m وأقل من n
يتم استخدام كائن التاريخ لمعالجة التواريخ والأوقات.
مثال 1: احصل على الوقت والتاريخ بناءً على كائن التاريخ.
المثال 2: حدد تاريخًا بناءً على كائن التاريخ.
مثال 3: التعامل مع الموقف الذي يكون فيه التاريخ المحدد غير معقول، على سبيل المثال، تعيين الشهر على -1 يعني ديسمبر من العام الماضي، وتعيين الشهر 12 يعني يناير من العام التالي.
فكرة تنفيذ الكود:
تنفيذ التعليمات البرمجية
<html>
<head><title>تقويم هذا الشهر</title>
</الرأس>
<الجسم>
<p align=center><b>تقويم هذا الشهر</b></p>
<النص البرمجي>
var thisyear,thismonth,today=new Date();;
thisyear=today.getFullYear()
thismonth=today.getMonth();
فار imonth,iweekday,iday,nextday;
document.write("<table align=center border=1><tr align=center bgcolor=#fff00>")
document.write("<td>الأحد</td><td>الاثنين</td><td>الثلاثاء</td><td>الأربعاء</td><td>الخميس</td><td> الجمعة< /td><td>السبت</td>")
document.write("</tr><tr>")
اليوم التالي=1;
فار هذا التاريخ=تاريخ جديد(هذا العام،هذا الشهر،اليوم التالي)
لـ (iday=0;iday<=6;iday++){
إذا (thisdate.getDay() > iday) {
document.write("<td>");
document.write("</td>")
}
آخر {
إذا (thisdate.getMonth()== today.getMonth()&&thisdate.getDate()== today.getDate() &&thisdate.getFullYear()== today.getFullYear() ){
document.write("<td><font color=red><b>")
وثيقة.كتابة (اليوم التالي)
document.write("</font></b></td>")
}
آخر {
document.write("<td><b>");
document.write(nextday);
document.write("</b></td>");
}
nextday=nextday+1;
thisdate.setDate(nextday);
}
}
document.write("</tr>");
document.write("<tr>")
iweekday=1
بينما (thisdate.getMonth() == هذا الشهر ){
إذا (thisdate.getMonth()== today.getMonth()&&thisdate.getDate()== today.getDate() &&thisdate.getFullYear()== today.getFullYear() ){
document.write("<td><font color=red><b>")
وثيقة.كتابة (اليوم التالي)
document.write("</b></font></td>")
}
آخر{
document.write("<td><b>")
وثيقة.كتابة (اليوم التالي)
document.write("</b></td>")
}
nextday=nextday+1;
iweekday=iweekday+1;
إذا (iweekday>7){
iweekday=1;
document.write("</tr>");
}
thisdate.setDate(nextday);
}
</script>
</الجسم>
</html> التوصيات ذات الصلة: البرنامج التعليمي لتعلم JavaScript
هو المحتوى التفصيلي لمساعدتك في الحصول على كائنات JavaScript، يرجى الانتباه إلى المقالات الأخرى ذات الصلة على موقع PHP الصيني!
