ES6

Var-Let-Const

var num1 = 1
console.log(num1)
let num2 = 2
console.log(num2)
const num3 = num2 * 2
console.log(`${num3}`)

for (let i = 0; i < 10; i++) {
    console.log(i)
}

Array Function

const numbers = [1, 2, 3, 4, 5, 6, 7]
const double = numbers.map(number => number * 2)
console.log(double)
const greet = name => console.log(`Hello ${name}`)
greet('javascript')

const Demo = {
    name: 'Demo',
    hobbies: ['Horses', 'Movies', 'Drink'],
    printHobbies: function () {
        this.hobbies.map(hobby => console.log(`${this.name} loves ${hobby}`))
    }
}
Demo.printHobbies();

Default Arguments

const multiply = (a = 5, b = 12) => a + b
multiply()
multiply(undefined, 3)
multiply(null, 3)

Template String

const Demo = {
    name: 'Demo',
    date: '2019-08-01',
    todos: [
        {name: 'Go to Store', completed: false},
        {name: 'Watch movie', completed: true},
        {name: 'Running', completed: true}
    ]
}
function render(todos) {
    return (`
    <ul>
        ${Demo.todos.map(todo => `
        <li>${todo.name} &nbsp;${todo.completed ? '√' : '×'}</li>
        `).join('')}
    </ul>
    `)
}
const template = `
    <div>
    <p>${Demo.name}</p>
    <div>${render(Demo.todos)}</div>
    <p>${Demo.date}</p>
    </div>
`
document.write(template)

Tagged Template String

function highlight(strings, ...values) {
    const highlighted = values.map(value => `<span style='color: red;background: yellow;'>${value}</span>`)
    return strings.reduce((prev, curr, i) => `${prev}${curr}${highlighted[i] || ''}`, '')
}
const user = 'Tiny'
const topic = 'Learn to use ES6'
const sentence = highlight`${user} has commented on your topic ${topic}`
document.write(sentence)