zoukankan      html  css  js  c++  java
  • es6--解构赋值-对象

     1:对象解构赋值的实质:找到对应的属性名,将值对应的赋给他
      {a,b}  等同于 {a:a,b:b}
       let {a:c,b} = {a:1,b:2}
      console.log(c, b) 
      2.对象的嵌套赋值
     let obj = {
    p:[
    'hello',
    {y:'world'}
    ]
    }
    let {p,p:[x,{y:z}]} = obj
    console.log(p,x,z) 
    // 3:对象的解构可以有默认值,默认值生效的条件是严格等于undefined
    /* let {x:t=2} = {x:4}
    console.log(t) */
    // 4:解构模式是嵌套的对象,而且子对象所在的父对象不存在,报错
    /* let {foo:{bar:baz}} = {foo:{bar:'baz'}}
    console.log(baz) */
    // 5:将一个已经申明的变量用于解构赋值
    /* let x;
    ({x} = {x:1})
    console.log(x) */
    /* let {sin} = Math
    console.log(sin(60)) */
    // 6:对数组进行对象属性的解构
    /* let arr = [1,2];
    let {0:first,1:last} = arr
    let {0:first,[arr.length-1]:last} = arr
    // 注意此处arr.length-1用的是[]
    console.log(first,last) */
    // 7:字符串的解构赋值
    /* let [a,b,c] = 'hel'
    console.log(a,b,c)
    let {length} = 'hel'
    console.log(length) */
  • 相关阅读:
    Winform 时间
    button的后台点击事件
    Winform文本框只能输入限定的文本
    vue的生命周期函数
    ES6新增语法
    购物车案例(JavaScript动态效果)
    前端es6总结
    jQuery与vue的区别是什么?
    vue实现双向绑定原理
    JS实现简单分页功能
  • 原文地址:https://www.cnblogs.com/ww93/p/8046235.html
Copyright © 2011-2022 走看看