• es6的新语法,解构赋值简单应用


    参考该链接

    var {a,b}=c
    //等价于
    var c = { a: 'some code', b: 'some code' };
    var { a, b } = c; // a = c.a; b = c.b
    console.log(a) //结果some code
    //取出 c 里面的a的值,必须是a要为c里面有a这个对象才行。
    //a 的位置不固定也可以这样
    var {b,a} = c;
    console.log(a)//结果some code
    

    ES6中允许从数组中提取值,按照对应位置,对变量赋值。对象也可以实现解构。

    一、数组解构(为什么叫解构我也不懂)

    let [a,b,c] = [1,2,3];
            console.log(a);//1
            console.log(b);//2
            console.log(c);//3
    //直接定义数组
    

    二、对象解构

    let person = {name:'lisi',age:30,sex:'男'};
    // 以前的取值方法:person.name、person.age、person.sex
    // 现在的方法:
    // 要匹配变量名(变量名位置可发生变换):
    let {name,age,sex} = person;
    console.log(name);//lisi
    console.log(age);//30
    console.log(sex);//男
    // 这种方法不可行 因为没有定义person.a、person.b、person.c所以肯定是undefined
    let {a,b,c} = person;
    console.log(a);//undefined
    console.log(b);//undefined
    console.log(c);//undefined
    //别名赋值:
    //自己理解(也就是把原来的person.name, 的name重新命名为myName,person.age= myAge命名为myAge)
    let {name:myName,age:myAge} = person;
    console.log(myName);//lisi
    console.log(myAge);//30
    //交换name和age的位置无碍。
    
  • 相关阅读:
    Python元类
    Python接口与归一化设计
    如何使用yum下载rpm包
    浅谈Python的with语句
    搞懂了这几点,你就学会了Web编程
    网络虚拟化技术大观
    Python装饰器
    Kubernetes配置Ceph RBD StorageClass
    编译Kubelet二进制文件
    记一次虚拟机无法挂载volume的怪异问题排查
  • 原文地址:https://www.cnblogs.com/LuDuo/p/15540305.html
Copyright © 2020-2023  润新知