实列演示模板字面量，标签函数以及解构赋值

1、模板字面量

模板字面量用一对 （ `` ） 表含。变量用 $(变量名) 表示。
1、平时声明一个字符串，如果换行，需要用“\n\”字符：

let qwe = "今天Chrome更新了87最新版,\n\
这是今年最后一次Chrome更新了";
console.log(result);

用模板字面量就可以精简为：

let qwe = `今天Chrome更新了87最新版,\n
这是今年最后一次Chrome更新了`;
console.log(result);

2、 如果变量是拼接而成，例如：

let a = 80;
      b = 90;
      c = 100;
      result =
        "语文：" + a + "数学：" + b + "英语：" + c + "总分：" + [a + b + c];
        console.log(result);

用模板字面量就可以精简为：

let a = 80;
      b = 90;
      c = 100;
      result = `语文：${a} 分 数学：${b} 分 英语：${c} 分 总分：${ a + b + c} 分`;
      console.log(result);

2、标签函数

标签函数用 function show（固定文字组成的数组，变量，变量）表示。同时用show引用函数。
例如：

let a = 80;
      b = 90;
      c = 100;
function show(wer, s1, s2, s3) {
        let zbc = `${wer[0]}${a} ${wer[1]}${b} ${wer[2]}${c} ${wer[3]}${a + b + c}`;
        return zbc;
}
      result = show`语文：${a} 数学：${b} 英语：${c} 总分：${a + b + c}`;
  console.log(result);

3、对象解构

1、声明的变量与对象的属性数量一样，进行完全解构。

 let user = {
        username: "admin",
        passwd: 123456,
};
 let username, passwd;
({ username, passwd } = user);
      console.log(name, age);

2、声明的变量与对象的属性数量不一样，进行不完全解构。同时可以对未定义的变量进行内部赋值。

let user = {
        username: "admin",
        passwd: 123456,
};
 let username, passwd;
({ username, passwd,tel = 153 } = user);
      console.log(name, age,tel);

4、数组解构

1、两个数组内部变量一样时

let name = [1, 2, 3, 4];
let [a, b, c, d] = name;
console.log(a, b, c, d);

如果数组中存在有数组时

let name = [1, 2, [3], 4];
let [a, b, [c], d] = name;
console.log(a, b, c, d);

2、两个数组内部变量不一样时

let name = [1, 2, 3, 4];
let [a, b, ...d] = name;
console.log(a, b, d);