es6解构赋值

数组解构赋值

a：对应下标0 b：对应下标1 c：对应下标2

<script>
    let [a, b, c] = [1, '2', {color: '#000'}]

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

对象解构赋值

color：对应键名color size：对应键名size

<script>
    let {color, size} = {
        color: '#fff',
        size: '12px',
        origin: 'top'
    }
    
    console.log('color', color)
    console.log('size', size)
</script>

字符串解构赋值

a0：对应下标0 a1：对应下标1 a2：对应下标2 a3：对应下标3 a4：对应下标4

<script>
    let [a0, a1, a2, a3, a4] = 'Hello'

    console.log('a0', a0)
    console.log('a1', a1)
    console.log('a2', a2)
    console.log('a3', a3)
    console.log('a4', a4)
</script>