دروس الأوبريتات في JavaScript

الجسم، الخاصية والطريقة في الحياة الواقعية

في الحياة الواقعية، السيارة هيالجسم.

السيارات تحتوي على مثل الوزن واللونالخصائص، مثل بدء وتوقفالدالة:

الجسم الخصائص الدالة

car.name = porsche

car.model = 911

car.length = 4499mm

car.color = white

car.start()

car.drive()

car.brake()

car.stop()

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

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

دروس الأوبريتات في JavaScript

لقد تعلمت بالفعل أن متغيرات JavaScript هي صناديق للقيم.

يضع هذا الكودقيمة واحدة(porsche) تم تعيينها كـالم変ي:

var car = "porsche";

جربها بنفسك

الجسم هو متغير أيضًا. ولكن الجسم يحتوي على العديد من القيم.

يضع هذا الكودعدة قيم(porsche, 911, white) تم تعيينها كـالم変ي:

var car = {type:"porsche", model:"911", color:"white"};

جربها بنفسك

تم تعيين القيمةالاسم: القيمةباستخدام طريقة المفتاح: القيمة (المفتاح ومقدار المسافات المحددة بالكلمات المفتاحية).

الجسم JavaScript هوالقيم المسمىالمستودع.

خصائص الجسم

الاسم: القيمة المتبادلة يسمىالخصائص.

var person = {firstName:"Bill", lastName:"Gates", age:62, eyeColor:"blue"};
الخصائص قيمة الخاصية
firstName Bill
lastName Gates
age 62
eyeColor blue

الطريقة على الجسم

يمكن أن يكون الجسمالدالة.

الدالة يتم تنفيذها على الجسمالإجراء.

الدالة يتمتعريف الدالةتم حفظها في الخاصية.

الخصائص قيمة الخاصية
firstName Bill
lastName Gates
age 62
eyeColor blue
fullName function() {return this.firstName + " " + this.lastName;}

الطريقة يتم حفظها كدالة كخصائص.

مثال

var person = {
  firstName: "Bill",
  lastName : "Gates",
  id       : 678,
  fullName : function() {
    return this.firstName + " " + this.lastName;
  }
};

كلمة المفتاحية this

في تعريف الدالة،this يرجع إلى "المالك" للدالة.

في المثال السابق،this يعني "المتاح" دالة fullName. جسم person.

بمعنى آخر،this.firstName يعني جسم thisفي صفة firstName.

يرجى زيارة كلمة المفتاحية this لـ JSفي هذا الفصل، سنتعلم المزيد عن كلمة المفتاحية this.

تعريف الجسم

نحن نحدد (نقوم بإنشاء) جسم JavaScript:

مثال

var person = {firstName:"Bill", lastName:"Gates", age:62, eyeColor:"blue"};

جربها بنفسك

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

مثال

var person = {
    firstName:"Bill",
    lastName:"Gates",
    age:50,
    eyeColor:"blue"
};

جربها بنفسك

وصول إلى الصفات

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

objectName.propertyName

أو

objectName["propertyName"]

مثال 1

person.lastName;

جربها بنفسك

مثال 2

person["lastName"];

جربها بنفسك

وصول إلى طريقة الجسم

يمكنك الوصول إلى طريقة الجسم باستخدام الجملة التالية:

objectName.methodName()

مثال

name = person.fullName();

جربها بنفسك

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

مثال

name = person.fullName;

جربها بنفسك

الطرق في الواقع يتم حفظها كقيم للصفات.

لا تدع الأعداد الصحيحة والنصوص والقيم الحقيقية تصبح أجساماً!

إذا تم استخدام الكلمة المفتاحية "new" لتحديد متغيرات JavaScript، فإن المتغير سيتم إنشاؤه كجسم:

var x = new String();        // 把 x 声明为 String 对象
var y = new Number();        // 把 y 声明为 Number 对象
var z = new Boolean();       // 把 z 声明为 Boolean 对象

يُرجى تجنب الكائنات النصية أو العددية أو منطقية. إنها تزيد من تعقيد الكود وتقلل من سرعة التنفيذ.

ستتعلم المزيد عن الكائنات في الفصول اللاحقة من هذا الدليل.

كتب دراسية

المزيد عن دروس الأوبريتات في JavaScriptللحصول على معلومات أكثر حول

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