4_解构赋值.html 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  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. // a = 7
  15. // console.log(a,b,c)
  16. // var arr1 = [6,6,6]
  17. // var [a,b,c] = arr1
  18. // a = 9
  19. // console.log(a,b,c)
  20. // console.log(arr1)
  21. var obj = {
  22. name:'zs',
  23. age:18,
  24. eat:function(){
  25. console.log('吃')
  26. },
  27. school: {
  28. num: 10000
  29. }
  30. }
  31. var {age,name,eat,school} = obj
  32. age = 30
  33. school.num = 99999
  34. console.log(age,name,eat,school)
  35. console.log(obj)
  36. var str = 'ab'
  37. var [x,y,z] = str
  38. console.log(x,y,z)
  39. console.log(x)
  40. console.log(y)
  41. console.log(z)
  42. function fn(name,age){
  43. console.log(name,age)
  44. }
  45. fn({name:'zs',age:20})
  46. function fn2(){
  47. return{
  48. name:'zs',age:18
  49. }
  50. }
  51. var {age} = fn2()
  52. console.log({age})
  53. </script>
  54. </body>
  55. </html>