4_解构赋值.html 867 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  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 arr = [1,2,3]
  12. console.log(arr)
  13. var [a,b,c] = [4,5,6]
  14. console.log(a,b,c)
  15. var obj = {
  16. name:'zs',
  17. age:18,
  18. eat:function(){
  19. console.log('吃')
  20. }
  21. }
  22. var {age,name,eat} = obj
  23. console.log(age,name,eat)
  24. var str = 'ab'
  25. var [x,y,z] = str
  26. console.log(x,y,z)
  27. console.log(x)
  28. console.log(y)
  29. console.log(z)
  30. function fn(name,age){
  31. console.log(name,age)
  32. }
  33. fn({name:'zs',age:20})
  34. function fn2(){
  35. return{
  36. name:'zs',age:18
  37. }
  38. }
  39. var {age} = fn2()
  40. console.log({age})
  41. </script>
  42. </body>
  43. </html>