模板字面量标签函数和解构赋值与对象字面量简化写法作业

模板字符串

和其他东西一起使用的使用，使用模板字符串方便注意，其他情况使用模板字符串和一般字符串都Ok

模板字符串注意事项

输出多行字符串

let str = `哈哈哈
呵呵呵
`
// 模板字符串中，所有的空格、换行或缩进都会被保留在输出之中

输出`和\特殊字符

let str = `\``;
let str = `\\`;

模板字符串的注入${}

let person = {
    name:"喜羊羊",
    age:"帅气的喜羊羊永不老",
    sex :"mael"
}
function func(m){
    return m === "mael" ? "男" :"女"； 
}
let str = `${person.name},func(${person.sex})`
// 只要最终可以得出一个值就可以通过${}注入到模板字符串中

标签函数

let func = name => alert("hello！",name);
func`迪迦！` // alert("hello！迪迦！")

解构赋值

解析某一数据德解构，将我们想要的东西提取出来，赋值给变量

解构赋值原理

1、模式(结构)匹配
数组 => 数组 对象=>对象

[a,b,c] = [1,2,3]
{a,b,c} = {a:1,b:2,c:3}

2、索引值相同的完成赋值
3、不取的，可以直接用逗号跳过

let arr = [1,2,3];
[,,b] = arr;

解构赋值默认值

const [a = 1, b = 2] = [];

默认值生效条件
只有当一个数组成员严格等于(===)undefined，对应的默认值才会生效

对象字面量简化

// 对象字面量中的属性值,如果引用了相同作用域中的"同名变量",则可以省去不写
let obj = {
    name,
    age:age,
    // 函数简化
    geter(){
    }
}