JavaScript

Object Constructors

في هذا الدرس سوف نتعرف علي احد اهم مكونات ال object وهو ال constructor في لغة ال JavaScript 

التاريخ

09 نوفمبر 2021

الدروس

146

المستوى

العامة

اللغة

انجليزي

المشاهدات

1046

المواضيع

24
الشروحات 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 بكل سهولة كما في المثال التالي

Example
myFather.nationality = "English";

</> 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

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

يمكننا ايضا استخدام ال 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 "

معلومات تهمك
  • لا تنسى تقييم الدروس لكي نُحدّث المُحتوى باستمرار حتى ينال إعجابك.
  • لا تنسى مشاركة الموقع مع أصدقاءك حتى تعمّ الفائدة وتكون سبب في نفعهم.
مشاركة
0
0
0
0
عدد المشاركات
هل هذه المعلومات نالت إعجابك ؟
0
0
عدد التقييمات

لديك استفسار ؟

يسعدنا كثيرا مساعدتك في استيعاب افضل للأمور, فلا تترد مطلقا في الاتصال بنا في حال كانت لديك اية اسئله او استفسارات.