4.解构赋值.html 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  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];
  11. var [a,b,...c] = [1,2,3,4,5,6,79,90,0];
  12. console.log(a,'a');
  13. console.log(b,'b');
  14. console.log(c,'c');
  15. var str = 'vase';
  16. var [x,y,z,e] = str;
  17. console.log(x,'x');
  18. console.log(y,'y');
  19. console.log(z,'z');
  20. console.log(e,'e');
  21. var obj = {
  22. name: 'Lucy',
  23. age: 18,
  24. address:function() {
  25. console.log("我的地址")
  26. }
  27. }
  28. var {name,age,address} = obj;
  29. // obj.address();
  30. console.log(name);
  31. console.log(age);
  32. console.log(address);
  33. // 形参
  34. function fn1(name1,age1) {
  35. console.log(name1,'函数1');
  36. console.log(age1,'函数2')
  37. }
  38. // 实参
  39. fn1({name1:'LiLi'},{age1:20});
  40. function fn2() {
  41. return {
  42. name2:'小明',
  43. age2: 23
  44. }
  45. }
  46. var {name2,age2} = fn2();
  47. console.log(name2,'name2');
  48. console.log(age2,'age2');
  49. </script>
  50. </body>
  51. </html>