zoukankan      html  css  js  c++  java
  • 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>        
    `
  • 相关阅读:
    131.著作权
    130.专利权
    idea新用法
    map的put和putIfAbsent使用
    netty的option和childOption
    Java8 lam。。。表达式
    protobuf学习
    protobuf生成
    idea调试
    spring,mapper的参数
  • 原文地址:https://www.cnblogs.com/gopark/p/11355059.html
Copyright © 2011-2022 走看看