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

منذ 5 سنوات imadbelasri Javascript
JS

فهاد الدرس الجديد من دورة ال 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));
                                                        
                                                    

دروس ذات صلة

JS

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

فهاد الدرس الأول من دورة الجافاسكريبت للمبتدئين غادي نشوفوا اساسيات الجافاسكريبت لي هي اللغة رقم واح...


JS

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

فهاد الجزء الثاني من دورة javascript للمبتدئين غادي نكملو الدورة ديالنا وغادي نشوفوا كيفاش ندير...


JS

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

فهاد الجزء الثالت من دورة javascript للمبتدئين غادي نشوفوا كيفاش نديرو عمليات حسابية وغادي نشوفوا اي...


JS

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

فهاد الدرس الرابع من دورة javascript للمبتدئين غادي نشوفوا String Methods غادي نشوفوا كيفاش نست...


JS

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

فهاد الدرس الخامس من دورة javascript للمبتدئين غادي نكملوا String Methods غادي نشوفوا كيفاش ن r...


JS

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

فهاد الدرس السابع من دورة javascript للمبتدئين غادي نشوفوا كيفاش نتعامل مع ل arrays لي كيم...


JS

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

فهاد الدرس السابع من دورة للمبتدئين ف javascript غادي نكملو les méthodes الخاصين بل array غادي نشوفو...


JS

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

فهاد الجزء الثامن من دورة javascript للمبتدئين غادي نكملو الدروس ديالنا غادي نشوفوا كيفاش نتعاملو مع...


JS

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

فهاد الجزء التاسع من دورة ال javascript للمبتدئين غادي نشوفوا كيفاش نتعاملو مع les dates غادي نشوفوا...


JS

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

فهاد الدرس العاشر من دورة javascript  غادي نكملو الدورة ديالنا وغادي ندوزو لواحد الحاجة لي هي مهمة ل...