一、CONST

• 不容许反复申明
• 不属于顶层对象 window
• 不存在变量晋升
• 暂时性死区（先申明后应用）
• 块级作用域（块级作用域内有用）

二、Arrow Function（箭头函数）

https://es6.ruanyifeng.com/#d…

三、解构赋值

const obj = {
    name: '张三',
    age: 30,
    hobby: ['篮球','足球'],
    school: {
        name: '北大附中',
        city: '北京'
    }
}

const {
    name: aliaName, // 别名
    age, 
    hobby,
    school: {
        name,
        city
    }
} = obj
console.log(aliaName,age,hobby,name,city)
打印：张三，30，['篮球','足球']，北大附中，北京 

在我的项目中应用解构赋值

// 当作函数参数传递
形式一：const sum = ([a, b]) => {return a+b; // 5}
sum([2,3])

// 形式二：const foo = ({name, age}) => {console.log(name, age); // 张三，30
}
foo({
    name: '张三',
    age: 30
})

// 两个值替换
let a = 1;
let b = 2;
[b,a] = [a,b]

// Ajax 申请（json 格局）json:
{
    "name": "张三",
    "age": 30
}

axios.get('./data.json', (res) => {console.log(res); //  {..., data:{name: 张三 ',age:30}, ...}
})
axios.get('./data.json', ({data}) => {console.log(data); // {name: 张三 ',age:30} 
})
axios.get('./data.json', ({data:{name, age}}) => {console.log(name,age); // 张三, 30
})