Object Constructors
في هذا الدرس سوف نتعرف علي احد اهم مكونات ال object وهو ال constructor في لغة ال JavaScript
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
الشروحات chevron_left Object Constructors chevron_left JavaScript
Object Constructors
</> Object Constructors
Example
function Person(first, last, age, eye) { this.firstName = first; this.lastName = last; this.age = age; this.eyeColor = eye; }
عادة جيدة يستخدمها المبرمجين وهي جعل اول حرف من اسم ال constructor حرف كبير
</> Object Types
لإنشاء العديد من 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
نستطيع اضافة property لل object بكل سهولة كما في المثال التالي
</> Adding a Method to an Object
يمكننا اضافة method جديده الي ال object الخاص بنا بكل سهولة كما في المثال التالي
Example
myFather.name = function () { return this.firstName + " " + this.lastName; };
</> Adding a Property to a Constructor
لا يمكننا اضافة property لل constructor بنفس الطريقة التي نستخدمها في اضافة ال property لل object
لأضافة 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
يمكننا ايضا استخدام ال 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
تحتوي لغة ال 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 ؟
- يمكنك استخدام " " بدلا من ( )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
في معظم الأحيان يتم استخدام ال Strings ك primitive علي الشكل التالي"firstName = "Ahmed ولكننا نستطيع استخدام ال Strings ك object عن طريق استخدام كلمة "new " عند انشائها كالتالي "(Ahmed )firstName =new String "
</> Number Objects
في معظم الأحيان يتم استخدام ال numbers ك primitive علي الشكل التالي "x = 10"
ولكننا نستطيع استخدام ال numbers ك object عن طريق استخدام كلمة "new " عند انشائها كالتالي "( 10 ) x=new number"
</> Boolean Objects
في معظم الاحيان يتم استخدام ال boolean ك primitive علي الشكل التالي "x = false "
ولكننا نستطيع استخدام ال booleans ك object عن طريق استخدام كلمة "new " عند انشائها كالتالي "( ) x=new Boolean "