ES6 part2 Template literals – Arrows function تحديثات جافا اسكربت

template literalses arrow function-6-web

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);
  • javascript
  • Arrows function Template literals