数据解构和字符串模板

解构：将复杂结构中内容，解构成简单结构

何时使用：需求中需要大量的使用，对象中的某一个属性时

解构的语法:左右结构相同，左侧和右侧的key相对应

1、对象的写法

      let user={
            name:"wagnyi",
            age:21, 
            uimg:"123123.png"
        }
       //传统的使用
       console.log(user.name)
	   console.log(user.age)


        //使用解构
        let {name,age}=user
        console.log(name)
        console.log(age)

使用解构更加的方便快捷，不需要写那么多 相同的代码

2、数组的写法

  let arr=[1,23,4]
		//传统写法
		console.log(arr[0])
		console.log(arr[1])
		console.log(arr[2])
		//使用解构
        let [a,b,c]=arr
        console.log(a)
        console.log(b)
        console.log(c)

3、两个变量交互

 
        let a=20
        let b=30;
        //使用解构
        [a,b]=[b,a]
        console.log(a)
        console.log(b)
        //传统的
        let x=a;
		a=b;
		b=x;
        console.log(a)
        console.log(b)

注意：当使用解构时，前面的定义变量一定要用分号分开来，不然系统默认解构语句与前面定义语句为一起的 

字符串模块：快速字符串和变量拼接

        //面积为 area 平方米
		let area=100
        console.log("面积为"+area+"平方米")
        //使用字符串模板进行
        //`` 里面的变量放到${变量名}
        console.log(`面积为"${area}"平方米`)