数组解构

  1. // 数组的解构
  3. const arr = [100, 200, 300]
  5. // const foo = arr[0]
  6. // const bar = arr[1]
  7. // const baz = arr[2]
  8. // console.log(foo, bar, baz)
  10. // const [foo, bar, baz] = arr
  11. // console.log(foo, bar, baz)
  13. // const [, , baz] = arr
  14. // console.log(baz)
  16. // const [foo, ...rest] = arr
  17. // console.log(rest)
  19. // const [foo, bar, baz, more] = arr
  20. // console.log(more)
  22. // const [foo, bar, baz = 123, more = 'default value'] = arr
  23. // console.log(bar, more)
  25. const path = '/foo/bar/baz'
  26. // const tmp = path.split('/')
  27. // const rootdir = tmp[1]
  29. const [, rootdir] = path.split('/')
  30. console.log(rootdir)

对象解构

  1. // 对象的解构
  3. const obj = { name: 'zce', age: 18 }
  5. // const { name } = obj
  6. // console.log(name)
  8. // const name = 'tom'
  9. // const { name: objName } = obj
  10. // console.log(objName)
  12. // const name = 'tom'
  13. // const { name: objName = 'jack' } = obj
  14. // console.log(objName)
  16. const { log } = console
  17. log('foo')
  18. log('bar')
  19. log('123')