Object Constructors
في هذا الدرس سوف نتعرف علي احد اهم مكونات ال object وهو ال constructor في لغة ال JavaScript
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
الشروحات chevron_left Object Constructors chevron_left JavaScript
Object Constructors
</> Object Constructors add_circle_outline
Example
function Person(first, last, age, eye) { this.firstName = first; this.lastName = last; this.age = age; this.eyeColor = eye; }
عادة جيدة يستخدمها المبرمجين وهي جعل اول حرف من اسم ال constructor حرف كبير
</> Object Types add_circle_outline
لإنشاء العديد من objects من نفس النوع الطريقة التي يمكننا من خلالها انشاء " object type " هي عن طريق استخدام دالة object constructor ففي المثال السابق تعتبر دالة ( ) function Person هي عبارة عن دالة object constructor
- يمكننا انشاء العديد من ال objects من نفس النوع عن طريق استخدام دالة object constructor مع الكلمة new
Example
const myFather = new Person("Ahmed", "Mohamed", 50, "blue"); const myMother = new Person("Mahmoud", "Adel", 48, "green");
</> Adding a Property to an Object add_circle_outline
نستطيع اضافة property لل object بكل سهولة كما في المثال التالي
Example
myFather.nationality = "English";
</> Adding a Method to an Object add_circle_outline
يمكننا اضافة method جديده الي ال object الخاص بنا بكل سهولة كما في المثال التالي
Example
myFather.name = function () { return this.firstName + " " + this.lastName; };
</> Adding a Property to a Constructor add_circle_outline
لا يمكننا اضافة property لل constructor بنفس الطريقة التي نستخدمها في اضافة ال property لل object
Example
Person.nationality = "English";
لأضافة property لل constructor يجب علينا وضعها بداخل دالة constructor كما في المثال التالي
function Person(first, last, age, eyecolor) { this.firstName = first; this.lastName = last; this.age = age; this.eyeColor = eyecolor; this.nationality = "English"; }
</> Adding a Method to a Constructor add_circle_outline
يمكننا ايضا استخدام ال constructor في انشاء ال methods كما في المثال التالي
Example
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; }; }
</> Built-in JavaScript Constructors add_circle_outline
تحتوي لغة ال java Script علي مجموعة من ال constructors المبنية بداخلها بواسطة مطورين اللغة مثل
Example
new String() /* A new String object */ new Number() /*A new Number object */ new Boolean() /*A new Boolean object */ new Object() /* A new Object object */ new Array() /* A new Array object */ new RegExp() /* A new RegExp object */ new Function() /* A new Function object */ new Date() /* A new Date object */
</> Did You Know ؟ add_circle_outline
- يمكنك استخدام " " بدلا من ( )new String
- يمكنك استخدام true/false بدلا من ( )new Boolean
- يمكنك استخدام { } بدلا من ( )new Object
- يمكنك استخدام [ ] بدلا من ( )new Array
- يمكنك استخدام / ( ) / بدلا من ( )new RegExp
- يمكنك استخدام { } ( ) بدلا من ( )new Function
let x1 = ""; /* new primitive string */ let x2 = 0; /* new primitive number */ let x3 = false; /* new primitive boolean */ const x4 = {}; /* new Object object */ const x5 = []; /* new Array object */ const x6 = /()/ /* new RegExp object */ const x7 = function(){}; // new function
</> String Objects add_circle_outline
في معظم الأحيان يتم استخدام ال Strings ك primitive علي الشكل التالي"firstName = "Ahmed ولكننا نستطيع استخدام ال Strings ك object عن طريق استخدام كلمة "new " عند انشائها كالتالي "(Ahmed )firstName =new String "
</> Number Objects add_circle_outline
في معظم الأحيان يتم استخدام ال numbers ك primitive علي الشكل التالي "x = 10"
ولكننا نستطيع استخدام ال numbers ك object عن طريق استخدام كلمة "new " عند انشائها كالتالي "( 10 ) x=new number"
</> Boolean Objects add_circle_outline
في معظم الاحيان يتم استخدام ال boolean ك primitive علي الشكل التالي "x = false "
ولكننا نستطيع استخدام ال booleans ك object عن طريق استخدام كلمة "new " عند انشائها كالتالي "( ) x=new Boolean "
لديك استفسار ؟
يسعدنا كثيرا مساعدتك في استيعاب افضل للأمور, فلا تترد مطلقا في الاتصال بنا في حال كانت لديك اية اسئله او استفسارات.