【常用】es6相关语法

1、es6语法的模板字符串，注意引号和${ }：

const info = `我的名字是：${person.username}, 性别：${person.sex}, 今年${person.age}岁了`;

console.log(info);

//输出：我的名字是Alex，性别：male，今年18岁了

2、es6语法的解构赋值

数组：

let [a,b,c] = [1,2,3];

// a =1 b=2 c=3

对象：

let {name,age,sex}={name:"zhou",age:"18",sex:"m"}

//name="zhou" age="18" sex="m"

通过上面的例子可以看出name,age,sex 分别对应对象的属性名。

这里还有另外一种用法name:a 。可以理解为把name 的属性值赋予给a  例如：

let {name:a,age:b,sex:c}={name:"zhou",age:"18",sex:"m"}

//a="zhou" b="18" c="m"，

注意：也可以只赋值一个let {name:a}={name:"zhou",age:"18",sex:"m"}

在项目中有时候后台传过来的json里面命名的属性名称和你命名不一致，你想让你们的数据对接又很便捷的方法可以用这种方法。把json里面的属性名改成自己想要的属性名。