2、ES6结构赋值和模板字符串

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>        
`

猜你喜欢

转载自www.cnblogs.com/gopark/p/11355059.html