أحدث البرامج التعليمية وتطوير الشبكة
×

JS البرنامج التعليمي

JS الصفحة الرئيسية JS المقدمة JS ألى أين JS الناتج JS بناء الجملة JS البيانات JS تعليقات JS المتغيرات JS مشغلي JS علم الحساب JS مهمة JS أنواع البيانات JS وظائف JS الأجسام JS نطاق JS أحداث JS سلاسل JS طرق سلسلة JS أرقام JS طرق عدد JS الرياضيات JS التمور JS تاريخ تنسيقات JS تاريخ طرق JS المصفوفات JS طرق مجموعة JS القيم المنطقية JS مقارنات JS الظروف JS تحول JS حلقة غيرمنتهية For JS حلقة بينما JS استراحة JS نوع التحويل JS التعبير العادي JS أخطاء JS التصحيح JS الرفع JS الوضع الصارم JS دليل الاناقة JS أفضل الممارسات JS الأخطاء JS أداء JS الكلمات المحجوزة JS JSON

JS أشكال

أشكال التحقق من صحة API أشكال

JS موضوع

تعريفات الكائن خصائص الكائن طرق كائن نماذج الكائن

JS وظائف

تعاريف وظيفة وظيفة المعلمات وظيفة الاحتجاج الإغلاق وظيفة

JS HTML DOM

DOM مقدمة DOM أساليب DOM وثيقة DOM عناصر DOM HTML DOM CSS DOM الرسوم المتحركة DOM أحداث DOM EventListener DOM ملاحة DOM العقد DOM Nodelist

JS المتصفح BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS أمثلة

JS أمثلة JS HTML DOM JS HTML إدخال JS HTML الأجسام JS HTML أحداث JS المتصفح JS اختبار قصير JS ملخص

JS المراجع

JavaScript الأجسام HTML DOM الأجسام


 

JavaScript نماذج الكائن


كل كائن جافا سكريبت لديه النموذج. النموذج هو أيضا كائن.

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


جافا سكريبت نماذج

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

خلقت الكائنات باستخدام كائن الحرفي، أو مع new Object() ، ترث من نموذج يسمى Object.prototype.

الكائنات التي تم إنشاؤها مع new Date() ترث Date.prototype.

وObject.prototype على الجزء العلوي من سلسلة النموذج.

كل كائنات جافا سكريبت (Date, Array, RegExp, Function, ....) ترث من Object.prototype .


إنشاء نموذج

الطريقة القياسية لخلق نموذج كائن لاستخدام وظيفة الكائن منشئ:

مثال

function Person(first, last, age, eyecolor) {
    this.firstName = first;
    this.lastName = last;
    this.age = age;
    this.eyeColor = eyecolor;
}

مع وظيفة البناء، ويمكن استخدام لكم new الكلمة لإنشاء كائنات جديدة من نفس النموذج:

مثال

var myFather = new Person("John", "Doe", 50, "blue");
var myMother = new Person("Sally", "Rally", 48, "green");
انها محاولة لنفسك »

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


إضافة خصائص وأساليب إلى كائنات

في بعض الأحيان كنت ترغب في إضافة خصائص جديدة (أو أساليب) لكائن موجود.

في بعض الأحيان كنت ترغب في إضافة خصائص جديدة (أو الطرق) لجميع الكائنات الموجودة من نوع معين.

في بعض الأحيان كنت ترغب في إضافة خصائص جديدة (أو الطرق) إلى نموذج كائن.


إضافة خاصية إلى كائن

إضافة خاصية جديدة إلى كائن موجود غير سهلة:

مثال

myFather.nationality = "English";
انها محاولة لنفسك »

سيتم إضافة الخاصية إلى myFather . لا myMother . لا أي أجسام شخص آخر.


إضافة أسلوب إلى كائن

إضافة طريقة جديدة لكائن موجود هو أيضا من السهل:

مثال

myFather.name = function () {
    return this.firstName + " " + this.lastName;
};
انها محاولة لنفسك »

سيتم إضافة طريقة ل myFather . لا myMother .


إضافة خصائص لنموذج

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

مثال

Person.nationality = "English";
انها محاولة لنفسك »

لإضافة خاصية جديدة إلى منشئ، يجب إضافته إلى وظيفة المنشئ:

مثال

function Person(first, last, age, eyecolor) {
    this.firstName = first;
    this.lastName = last;
    this.age = age;
    this.eyeColor = eyecolor;
    this.nationality = "English"
}
انها محاولة لنفسك »

خصائص النموذج يمكن أن يكون القيم النموذجية (القيم الافتراضية).


مضيفا طرق لنموذج

وظيفة البناء الخاص بك ويمكن أيضا تحديد طرق:

مثال

function Person(first, last, age, eyecolor) {
    this.firstName = first;
    this.lastName = last;
    this.age = age;
    this.eyeColor = eyecolor;
    this.name = function() {return this.firstName + " " + this.lastName;};
}
انها محاولة لنفسك »

باستخدام prototype الملكية

جافا سكريبت prototype الخاصية تسمح لك لإضافة خصائص جديدة إلى النموذج الحالي:

مثال

function Person(first, last, age, eyecolor) {
    this.firstName = first;
    this.lastName = last;
    this.age = age;
    this.eyeColor = eyecolor;
}
Person.prototype.nationality = "English";
انها محاولة لنفسك »

كما يتيح خاصية النموذج جافا سكريبت لك لإضافة أساليب جديدة إلى النموذج الحالي:

مثال

function Person(first, last, age, eyecolor) {
    this.firstName = first;
    this.lastName = last;
    this.age = age;
    this.eyeColor = eyecolor;
}
Person.prototype.name = function() {
    return this.firstName + " " + this.lastName;
};
انها محاولة لنفسك »

فقط تعديل النماذج الخاصة بك. لا تعديل نماذج من كائنات جافا سكريبت القياسية.