以下是对解构&字符串的学习

---

解构赋值是对赋值运算符的扩展。
他是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。在代码书写上简洁且易读，语义更加清晰明了；也方便了复杂对象中数据字段获取。

解构的源，解构赋值表达式的右边部分。
解构的目标，解构赋值表达式的左边部分。

数组模型的解构（Array）

let arr = [1, 2, 3];
//以前我们想获取其中的值，只能通过角标。ES6可以这样。
//   let a = arr[0];
//   let b = arr[1];
//   let c = arr[2];
let [a, b, c] = arr; //x,y,z将与arr中的每个位置对应来取值
console.log(a, b, c);

对象模型的解构（Object）

const person = {
  name: 'jack',
  age: 21,
  language: ['java', 'js', 'css'],
};
// const  name=person.name;
// const  age=person.age;
// const  language=person.language;
//对象结构
const { name, age, language } = person; //方法一
const { name: abc, age, language } = person; //方法二
console.log(abc, age, language);

字符串扩展

1. 扩展的方法，子串的识别

   let str = 'hello.vue';
   console.log(str.startsWith('hello')); //true
   console.log(str.endsWith('.vue')); //true
   console.log(str.includes('e')); //true
   console.log(str.includes('hello')); //true

2. 字符串模板

   let ss = `<div>
                     <span>hello world<span>
                     </div>`;
         console.log(ss);//空格也能打印

控制台效果：

1. 符串插入变量和表达式。变量名写在${}中，${}中可以放入javascript表达式。

   function fun() {
     return '这是一个函数';
   }
   
   let info = `我是${abc}，今年${age + 10}了，我想说： ${fun()}`;
   console.log(info);