解构赋值和模板字符串（反引号 ` `）

一. 解构赋值

ES6允许按照一定模式从数组和对象中提取值，对变量进行赋值，这被称为解构赋值。

1.数组的解构

    //先定义一个数组
    const ARRAY = ['大', '中', '小']
    //声明三个变量，da,zhong,xiao,三个变量的值分别对应的是数组中对应位置的值
    let [da, zhong, xiao] = ARRAY
    console.log(da)//大
    console.log(zhong)//中
    console.log(xiao)//小

    //当然也可以忽略掉某些值
    let[,,third]=ARRAY
    console.log(third)//小

 2.对象的解构

    //定义一个对象
    let zhao = {
        na: 'zhao',
        age: 21,
        zhiye: function () {
            console.log("IT")
        }
    }
    //用类似的方式将对象中的属性值提取出来
    let { na, age, zhiye } = zhao;
    console.log(na) // zhao
    console.log(age) // 21
    console.log(zhiye) // f(){console.log("IT")}
    //然后可以调用这个解构出来的访问
    zhiye()  //IT

    //当然也可以单独提取具体的某个属性值
    //let {age}=zhao
    // console.log(age)//21

 二.模板字符串

    // ES6之前声明字符串可以用 ''   ""
    // ES6中引入新都声明字符串方式反引号 ``
    // 1.声明
    let str=`这是一个字符串！`
    console.log(str,typeof str) // 这是一个字符串！ string

    // 2.内容中直接出现换行符
    let ul=`<ul>
                <li>1</li>
            </ul>`

    // 3.变量拼接
    let firstName='this is'
    let name=`${firstName} an apple`
    console.log(name)// this is an apple