• 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>        
    `
  • 相关阅读:
    书籍阴影
    Cookie工具类
    兼容性问题总结
    pc端弹框
    懒加载 js----例子------图片
    pc端样式初始化
    Sublime 插件- px 转rem
    手机端1px细线公共类
    移动端样式初始化
    SQL Server(七)——存储过程
  • 原文地址:https://www.cnblogs.com/gopark/p/11355059.html
Copyright © 2020-2023  润新知