
ES6允许按照一定的模式,从数组和对象中提取值,这被称为结构,即解开数据的结构
1、数组的解构赋值
let [a,b] = [1,2]
let [a,b,c=100] = [1,2] //c的默认值为100
2、对象的解构赋值
let {monika,keniva} = {monika:1,keniva:2}
let {monika=100,keniva} = {keniva:2} //默认值
let {monika:lnov,keniva} = {keniva:2} //别名
vue中的引入组件库,以及按需引入的写法就类似于对象的解构赋值 import {toast, messageBox} from 'mint-ui'
3、字符串解构赋值
字符串有下标,也可以解构赋值
4、函数参数的解构赋值
//d设置默认值
function fn({a,b,c,d='get'}){
console.log(a);
console.log(b);
console.log(c);
console.log(d);
} fn({
a:1,
b:2,
c:3
})
5、模板字符串
es5是拼接字符串
es6提供的模板字符串(template string)是增强的字符串,用反引号(`)标识。在占位符${ }中写入表达式(可以求出值),类似于模板引擎等
push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。
let linenv = 6;
let str = `
<ul>
<li>${linenv}</li>
</ul>
`