zoukankan      html  css  js  c++  java
  • ES6学习笔记

    1 数组解构赋值

    {
        // 数组
        let a,b,c;
        [a,b,c]=[1,2,3];
        console.info(a,b,c)
    }

    输出:

    {
        let [a,...b]=[1,2,3,4,5,6];
        console.info(a,b);
    }

    输出:

    {
        let a,b,c;
        [a,b,c]=[1,2];
        console.info(a,b,c);
        [a,b,c=3]=[4,5];
        console.info(a,b,c);
    }

    输出:

    2 对象解构赋值

    {
        let a,b;
        ({a,b}={a:4,b:5})
        console.log(a,b);
    }

    输出:

     

    {
        let o={p:42,q:true};
        let {p,q}=o;
        console.log(p,q);
    }

    输出:

    3 解构应用 - 变量互换

    {
        let a=1;
        let b=2;
        console.info(a,b);
        [a,b]=[b,a];
        console.info(a,b);
    }

    输出:

    4 解构应用 - 函数多个返回值

    {
        function test()
        {
            return [1,2,3];
        }
        let [a,,c]=test();
        console.info(a,c)
        //输出1 3
    }

    输出:

    5 解构应用 - JSON赋值

    {
        // 前端返回的数据
        let returnJson = {
            title:'abc',
            test:[{
                title:'test',
                desc:'description'
            }]
        };
        
        let {title:esTitle,test:[{title:cnTitle}]}=returnJson;
        console.info(esTitle,cnTitle);
    }

    输出:

  • 相关阅读:
    11月7日
    11月6日
    11月5日
    11月4日
    html5
    intern
    pjtool用到的数据库----oracle范畴
    运用的jdk版本如何查看
    JAVA 一句话技巧
    [ios 开发笔记]:一句话笔记
  • 原文地址:https://www.cnblogs.com/feihusurfer/p/12152399.html
Copyright © 2011-2022 走看看