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

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

فهاد الدرس الثاني عشر من دورة javascript للمبتدئين غادي نكملو الدورة ديالنا وغادي نشوفوا واحد type آخر ديال les conditions لي هو switch منبعد غادي ندوزو ل les fonctions لي هما واحد الحاجة مهمة ف javascript.


1- كيفاش نخدم ب swicth

ف switch بحالها بحال if else فقط كاين فرق فشي حوايج فالمثال لي عندي فكن tester على ل age يلا كانت كتساوي واحد العدد كن afficher message و كندير break باش ل programme كيوقف وكاين default لي كت afficher message يلا مكانت حتى نتيجة الكود لي زدنا هو :

                                                    
                                                        //switch 

let age = 36;
switch(age){
    case 13 :
    console.log('mineur');
    break;
    case 18 :
    console.log('majeur');
    break;
    case 36 :
    console.log('mature');
    break;
    case 50 :
    console.log('vieux');
    break;
    default:
    console.log('undetérminé');
    break;
}
                                                    
                                                

2- كيفاش نخدم ب les fonctions الجزء الأول

فهاد الجزء الأول غادي نشوفو une fonction simple فل fonction كت exécuter واحد ل block ديال ل code وكت retourner واحد résultat فالمثال لي عندنا كنديكلاري fonction sayHello عطيتها جوج ديال les arguments كاين nom وprénom منبعد كت retourner جملة فيها سلام nom ول prénom من بعد فل console.log كنعيط لل fonction باش كن afficher résultat لي كت retourner الكود لي زدنا هو : 

                                                        
                                                            //fonction simple

function sayHello(nom = 'samadi',prenom = 'samir'){
    return 'Salam ' + nom + ' ' + nom;
}
console.log(sayHello());
                                                        
                                                    

3- كيفاش نخدم ب les fonctions الجزء الثاني

فهاد الجزء الثاني غادي نشوفوا ل fonction expression فالمثال لي عندنا كنديكلاري variable multip لي هي fonction ولي كتاخد x و y منبعد كترجع نتيجة عملية ضرب x ف y فهادي هي ل fonction expression منبعد فل console.log كن afficher résultat الكود لي زدنا هو :

                                                        
                                                            //fonction expression 

const multip = function(x = 3,y = 8){
    return x*y;
};
console.log(multip());
                                                        
                                                    

4- كيفاش نخدم ب les fonctions الجزء الثالت

فهاد الجزء الثالت غادي نشوفوا ل fonction IIFE وهاد النوع ديال les fonctions كت exécuter ل code بلا منعيطولها كيف درنا فالأمثلة السابقة فالمثال لي عندنا كن afficher message hello world ولي كيتعرض une fois la page كتشارجا الكود لي زدنا هو :

                                                        
                                                            //fonction IIFE 

(function(){
     console.log('hello world');
})();
                                                        
                                                    

5- كيفاش نخدم ب les fonctions الجزء الرابع

فهاد الجزء الرابع غادي نشوفوا les fonctions لي كنزيدهم فوسط objet فالمثال لي عندنا عندي objet لي هو person فيه كنزيد جوج ديال les fonctions لي كيمكنوا من الإضافة والتعديل من بعد كنعيط لكل fonction داخل ل objet وكن exécuter ون afficher résultat الكود لي زدنا هو :

                                                        
                                                            //object methods

const person = {
  add: function(name){
    console.log(`compte ajouté ${name}`);
  },
  edit: function(id){
    console.log(`modifier le compte ${id}`);
  }
}
person.add('samadi');
person.edit(22);
                                                        
                                                    

دروس ذات صلة

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  غادي نكملو الدورة ديالنا وغادي ندوزو لواحد الحاجة لي هي مهمة ل...