ES6常忘整理

• 模板字符串

    //es5
    var name = 'lux'
    console.log('hello' + name)
    //es6
    const name = 'lux'
    console.log(`hello ${name}`) //hello lux

• 函数默认参数

function action(num = 200) {
        console.log(num)
    }
    action() //200
    action(300) //300

• 箭头函数

//es5
function(response,message){
    ......
}
//es6
(response,message) => {
    .......
 }

• 对象初始化简写

//es5
function people(name, age) {
        return {
            name: name,
            age: age
        };
    }
//es6
function people(name, age) {
        return {
            name,
            age
        };
    }

• 解构

//es5
const people = {
        name: 'lux',
        age: 20
    }
    const name = people.name
    const age = people.age
    console.log(name + ' ‐‐‐ ' + age)
//es6
//对象
const people = {
        name: 'lux',
        age: 20
    }
    const { name, age } = people
    console.log(`${name} ‐‐‐ ${age}`)
//数组
    const color = ['red', 'blue']
    const [first, second] = color
    console.log(first) //'red'
    console.log(second) //'blue'

• Spread Operator 对象、数组组装

    //数组
    const color = ['red', 'yellow']
    const colorful = [...color, 'green', 'pink']
    console.log(colorful) //[red, yellow, green, pink]
   
    //对象
    const alp = { fist: 'a', second: 'b'}
    const alphabets = { ...alp, third: 'c' }
    console.log(alphabets) //{ "fist": "a", "second": "b", "third": "c"