ES6之解构赋值

ES6之解构赋值

首先：非常有用，特别在做数据交互 ajax

let [a,b,c] =[12,5, 6];

注意：左右两边，结构格式要保持一致

第一种赋值：

<script>
    /* let a =12;
    let b =5;
    let c = 6; */
    let [a,b,c] =[12,5, 6];

    //console.log(arr[0], arr[1], arr[2]);
    console.log(a, b, c);
</script>

或者

<script>
    let [a, b,c='暂无数据'] = ['aa','bb'];

    console.log(a,b,c);
</script>

第二种赋值：

<script>
    let [a,[b,c]] =[12,[5, 6]];
    console.log(a, b, c);
</script>

第三种赋值：

<script>
        let {name,age, job} = {
            name:'Strive',
            age:18,
            job:'码畜'
        };
        console.log(name,age,job);
    </script>
    
    或者
    
<script>
    let json ={
        name:'Strive',
        age:18,
        job:'码畜'
    };

    let {name:n,age:g, job:a} = json;

    console.log(n,g,a);
</script>

解构的时候也可以给默认值：

<script>
        function show({a='默认1',b='默认'}){
            console.log(a, b);
        }
        show({})
    </script>

或者

 <script>
        function show({a,b='默认'}){
            console.log(a, b);
        }
        show({
            a:1
        })
    </script>