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

时间:2023-03-09 16:09:53
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>
`

相关文章