دورة javascript للمبتدئين الدرس العشرون


فهاد الدرس الجديد من دورة ال javascript للمبتدئين غادي نشوفوا واحد ل concept لي شويه avancé فغادي نشوفوا les objets constructeurs فهاد النوع من les objets كيمكنوني باش ن créer des objets من نفس le type d'objet فغادي نشوفوا أمثلة عديدة لي غادي تقربنا من هاد لموضوع.


1- كيفاش ن déclarer un objet constructeur

فباش ن créer un objet constructeur  كن créer fonction فباش كنحدد بلي هي constructeur لحرف لأول كيكون Majuscule فكيف كنشوف فالمثال لي عندي ل objet ديالي سميتو Person لي عندو deux propriétés وحدة nom ووحدة prenom فل mot clé this كيرجع على ل objet ديالي لي هو Person الكود لي زدت فهو :

                                //main.js

function Person(nom,prenom){
    this.nom = nom;
    this.prenom = prenom;
}
                            

2- كيفاش ن créer un objet من ل objet constructeur

فباش ن créer un objet من ل objet constructeur لي هو Person فكنخدم بل mot clé new لي كيمكني باش ندير هادشي فالمثال لي عندنا ديكلاريت variable employe لي كتاخد objet de type Person وعطيتو فل arguments nom و prenom الكود لي زدت :

                                //main.js

const employe = new Person('belasri','imad');
                            

3- كيفاش ن afficher les propriétés من ل objet constructeur

فباش ن accéder ل nom ول prénom ديال ل objet employe كنخدم بل console.log لي كتاخد ل objet employe وباش ن afficher مثلا le nom كندير employe.nom الكود لي زدت هو :

                                //main.js

function Person(nom,prenom){
    this.nom = nom;
    this.prenom = prenom;
}
const employe = new Person('belasri','imad');
console.log(employe.nom);
                            

4- كيفاش نزيد des propriétés ل objet constructeur

فباش نزيد des propriétés ل objet employe الطريقة ساهلة فالمثال لي عندي زدت ل employe ل propriété nationality فباش ن afficher ل propriéte كنخدم بنفس الطريقة لي خدمت بها ف nom الكود لي زدت هو :

                                    //main.js

function Person(nom,prenom){
    this.nom = nom;
    this.prenom = prenom;
}
const employe = new Person('belasri','imad');
employe.nationality = 'marocain';
console.log(employe.nationality);
                                

5- كيفاش نزيد des fonctions ل objet constructeur

فباش نزيد des fonctions لل objet employe ديالي  فالمثال لي عندي خدمت بل mot clé this وزدت fonction سميتها calculate لي عطيتها age ك argument ولي كتعطيني التاريخ فوقاش تزاد ل employe  منبعد فل console.log كنعيط ل calculate كنعطيها age الكود لي زدت هو :

                                    //main.js

function Person(nom,prenom){
    this.nom = nom;
    this.prenom = prenom;
    this.calculate = function(age){
        return 2018 - age;
    }
}
const employe = new Person('belasri','imad');
employe.nationality = 'marocain';
console.log(employe.calculate(34));