3_解构赋值.html 960 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. </head>
  9. <body>
  10. <script>
  11. // var a = [1,2,3]
  12. // console.log(a)
  13. // var [a,b,c] = [1,2,3]
  14. // console.log(a,b,c)
  15. // var obj = {
  16. // name: 'zs',
  17. // age: 18,
  18. // eat: function(){
  19. // console.log('eat')
  20. // }
  21. // }
  22. // var {name,age,eat} = obj
  23. // console.log(name,age,eat)
  24. // var str = 'ab'
  25. // var [x,y,z] = str
  26. // console.log(x,y,z)
  27. // function fn(name,age){
  28. // console.log(name,age)
  29. // }
  30. // fn({name:'zs',age:30})
  31. function fn2(){
  32. return {
  33. name: 'zs',
  34. age: 18
  35. }
  36. }
  37. var {name} = fn2()
  38. console.log(name)
  39. // 'zs'
  40. // 'zs'
  41. // 'zs'
  42. // 'zs'
  43. // {name:'zs',age: 18}
  44. </script>
  45. </body>
  46. </html>