ES6 Template literals – Arrows function
بعد التعرف على اهم نقاط التحديث في الجزء الاول سنلقي الضوء على نقاط اخري مهمة من خلال المعرفة الامثلة التالية في الدرس و من خلالها سيتم العمل كالتالي
Template literals
let boy = 'jayden'; let girl = 'kiara'; const family = 'eldewiny'; let message = `Here is my text about ${boy} ${family} and here is ${girl} ${family} more text more text`; //console.log(message); let apiUrl = 'http://websiteapp.com'; let memberId = '45856'; //console.log(`Here is my url: ${apiUrl}/${memberId}/chatapp`); let kids = { boy: 'jayden', girl: 'kiara', kidsName(){ return `my boy name is ${boy} and my girl name is ${girl} more text`; } } let names = kids.kidsName(); //console.log(names);
Arrows function
let num = a => a; //console.log(num(5)); let number = (a, b, c) => a+b+c; //console.log(number(5,8,9)); function persons(){ var self = this; self.age = 0; setInterval(function growUp(){ self.age++; },1000); } //let p = new person(); //console.log(p); function person(){ this.age = 0; setInterval(() => { this.age++; },500); } let p = new person(); console.log(p);