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


فهاد الدرس الجديد من دورة javascript للمبتدئين غادي نكملو الدورة ديالنا فغادي نزيدو حوايج لي avancé ف javascript فغادي نشوفوا les prototypes لي حتى هما des objets لي كيمكنونا باش نزيدو des méthodes و des propriétés  ل les objets ديالنا.


1- كيفاش نزيد propriété ل objet باستعمال prototype

فباش نزيد propriété ل objet باستعمال ل prototype فالمثال لي عندي كندير Person.prototype وكنعطيه ل propriété لي هنا هي ville منبعد كن créer objet de type Person لي سميتو employe وكنعطيه nom ول prenom ول age منبعد بل console.log كن afficher ل ville لي زدت بل prototype الكود لي زدنا هو :

                                //main.js

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

Person.prototype.ville = 'Taza';
const employe = new Person('samadi','samir','33');
console.log(console.log(employe.ville));
                            

2- كيفاش نزيد méthode ل objet باستعمال prototype

فباش نزيد méthode ل objet باستعمال prototype كنخدم بنفس الطريقة لي شفنا فالمثال السابق فهاد المثال لي عندي كنزيد fonction calculate لي هي لي شفنا فالجزء السابق من بعد كن afficher السنة لي تزاد فيها ل employe الكود لي زدنا هو :  

                                //main.js

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

Person.prototype.ville = 'Taza';
Person.prototype.calculate = function(age){
    return 2018 - age;
}
const employe = new Person('samadi','samir','33');
console.log(console.log(employe.calculate(34)));
                            

3- كيفاش ن retourner des propriétés بل prototype

فباش ن retourner des propréiétes من ل objet باستعمال ل prototype غادي نخدم بنفس الطريقة فالمثال لي عندنا هنا زدنا fonction getFullName بل prototype لي كت retourner nom ول prenom ديال ل employe ومتنساش باش تخدم بديك الطريقة خص ت retourner باستعمال ` ` الكود لي زدت هو :

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

Person.prototype.ville = 'Taza';
Person.prototype.calculate = function(age){
    return 2018 - age;
}
Person.prototype.getFullName = function(){
    return `${this.nom} ${this.prenom}`;
}
const employe = new Person('samadi','samir','33');
console.log(console.log(employe.getFullName()));
                            

4- كيفاش نتحقق واش شي propriété كاينة فل objet

فباش نتحقق واش ل objet عندو شي propriété كاين واحد ل méthode سميتها hasOwnProperty لي كتمكني باش ندير هادشي فالمثال لي عندي كنتحقق واش employe عندو ل propriété nom وكت retourner true يلا لقاتها false يلا ملقاتش الكود لي زدت  هو :

                                    //main.js

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

Person.prototype.ville = 'Taza';
Person.prototype.calculate = function(age){
    return 2018 - age;
}
Person.prototype.getFullName = function(){
    return `${this.nom} ${this.prenom}`;
}
const employe = new Person('samadi','samir','33');
console.log(employe.hasOwnProperty('nom'));