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

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 الأجسام


كائنات الحياة الحقيقية، خصائص، وطرق

في الحياة الحقيقية، سيارة هو كائن.

سيارة لها خصائص مثل الوزن واللون، وأساليب مثل بداية وقفة:

موضوع الخصائص أساليب

car.name = Fiat

car.model = 500

car.weight = 850kg

car.color = white

car.start()

car.drive()

car.brake()

car.stop()

جميع السيارات لها نفس الخصائص، ولكن قيمة العقارات تختلف من سيارة الى سيارة.

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


كائنات جافا سكريبت

لقد تعلمت بالفعل أن المتغيرات جافا سكريبت هي حاويات لقيم البيانات.

هذا الرمز يعين قيمة بسيطة (Fiat) لسيارة متغير اسمه:

الكائنات هي المتغيرات أيضا. لكن الأشياء يمكن أن تحتوي على العديد من القيم.

هذا الرمز يعين العديد من القيم (Fiat, 500, white) إلى متغير سيارة اسمه:

var car = {type:"Fiat", model:"500", color:"white"};
انها محاولة لنفسك »

تتم كتابة القيم كاسم: أزواج قيمة (اسم وقيمة مفصولة القولون).

كائنات جافا سكريبت هي حاويات للقيم اسمه.


خصائص الكائن

اسم: القيم أزواج (في كائنات جافا سكريبت) تسمى خصائص.

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

الملكية قيمة العقار
firstName John
lastName Doe
age 50
eyeColor blue

طرق كائن

الأساليب هي الإجراءات التي يمكن القيام بها على الكائنات.

يتم تخزين طرق في الخصائص كما التعاريف وظيفة.

الملكية قيمة العقار
firstName John
lastName Doe
age 50
eyeColor blue
fullName function() {return this.firstName + " " + this.lastName;}

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


كائن تعريف

يمكن تعريف (وخلق) كائن جافا سكريبت مع كائن الحرفي:

مثال

var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
انها محاولة لنفسك »

المسافات وفواصل السطور ليست مهمة. تعريف كائن يمكن أن تمتد لعدة أسطر:

مثال

var person = {
    firstName:"John",
    lastName:"Doe",
    age:50,
    eyeColor:"blue"
};
انها محاولة لنفسك »

الوصول إلى خصائص كائن

يمكنك الوصول إلى خصائص الكائن بطريقتين:

objectName.propertyName

أو

objectName["propertyName"]

مثال 1

person.lastName;
انها محاولة لنفسك »

Example2

person["lastName"];
انها محاولة لنفسك »

الوصول إلى طرق كائن

يمكنك الوصول إلى أسلوب كائن مع بناء الجملة التالي:

objectName.methodName()

مثال

name = person.fullName();
انها محاولة لنفسك »

إذا كان الوصول إلى fullName الممتلكات دون () ، فإنه سيعود تعريف الدالة:

مثال

name = person.fullName;
انها محاولة لنفسك »

لا تعلن سلاسل، أرقام، والقيم المنطقية مثل كائنات!

عندما يتم تعريف متغير جافا سكريبت مع الكلمة "new" ، يتم إنشاء متغير ككائن:

var x = new String();        // Declares x as a String object
var y = new Number();        // Declares y as a Number object
var z = new Boolean();       // Declares z as a Boolean object

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

سوف تتعلم المزيد حول الكائنات في وقت لاحق في هذا البرنامج التعليمي.


اختبر نفسك مع تمارين!

التمرين 1 » التمرين 2» التمرين 3 »