一. 解构赋值
ES6允许按照一定模式从数组和对象中提取值,对变量进行赋值,这被称为解构赋值。
1.数组的解构
1 //先定义一个数组 2 const ARRAY = ['大', '中', '小'] 3 //声明三个变量,da,zhong,xiao,三个变量的值分别对应的是数组中对应位置的值 4 let [da, zhong, xiao] = ARRAY 5 console.log(da)//大 6 console.log(zhong)//中 7 console.log(xiao)//小 8 9 //当然也可以忽略掉某些值 10 let[,,third]=ARRAY 11 console.log(third)//小
2.对象的解构
1 //定义一个对象 2 let zhao = { 3 na: 'zhao', 4 age: 21, 5 zhiye: function () { 6 console.log("IT") 7 } 8 } 9 //用类似的方式将对象中的属性值提取出来 10 let { na, age, zhiye } = zhao; 11 console.log(na) // zhao 12 console.log(age) // 21 13 console.log(zhiye) // f(){console.log("IT")} 14 //然后可以调用这个解构出来的访问 15 zhiye() //IT 16 17 //当然也可以单独提取具体的某个属性值 18 //let {age}=zhao 19 // console.log(age)//21
二.模板字符串
1 // ES6之前声明字符串可以用 '' "" 2 // ES6中引入新都声明字符串方式反引号 `` 3 // 1.声明 4 let str=`这是一个字符串!` 5 console.log(str,typeof str) // 这是一个字符串! string 6 7 // 2.内容中直接出现换行符 8 let ul=`<ul> 9 <li>1</li> 10 </ul>` 11 12 // 3.变量拼接 13 let firstName='this is' 14 let name=`${firstName} an apple` 15 console.log(name)// this is an apple