4.解构赋值.html 962 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <script>
  10. var arr = [1,2,3,5,4,3,2,2,2,3,5,6];
  11. var [a,b,c,...d] = arr;
  12. console.log(a,b,c,...d);
  13. var obj = {
  14. name:"LiLi",
  15. age:10,
  16. address:function() {
  17. console.log("地址")
  18. }
  19. }
  20. var {name,age,address} = obj;
  21. console.log(name,age,address)
  22. // var a1 ='2'
  23. function fn1(name1,age1) {
  24. console.log(name1,'nam1')
  25. console.log(age1,'age1')
  26. }
  27. fn1({name:'图图'},{age:3})
  28. function fn2() {
  29. return {
  30. name2:'喜羊羊',
  31. age2: 4
  32. }
  33. }
  34. var {name2,age2} = fn2()
  35. console.log(name2,age2)
  36. </script>
  37. </body>
  38. </html>