7_结构赋值.html 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  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. // let arr = [1,2,3,4,5,6];
  11. // a = 1;b = 2;c = 3;d = 4;....
  12. // let a = arr[0];let b = arr[1];let c = arr[2] .....
  13. // let [a,b,c,d,e,f] = arr;
  14. // console.log(a,b,c,d,e,f);
  15. // let obj = {
  16. // a:"小明",
  17. // b:18
  18. // }
  19. // let personName = obj.name;
  20. // let personAge = obj.age;
  21. // 对象结构他将属性名和变量名做对应赋值的
  22. // let {b,a} = obj;
  23. // console.log(a,b);
  24. // let {a:personName,b:personAge} = obj;
  25. // console.log(personName,personAge);
  26. // let str = "hello";
  27. // let [a,b,c,d,e] = str;
  28. // console.log(a,b,c,d,e)
  29. // 结构赋值应用场景
  30. // function foo(o){
  31. // console.log(o.a+o.b);
  32. // }
  33. // function foo({a,b}){
  34. // console.log(a+b);
  35. // }
  36. // var obj = {
  37. // a:1,
  38. // b:2
  39. // }
  40. // foo(obj)
  41. // function foo(){
  42. // var obj = {
  43. // userName:"小明",
  44. // userAge:18
  45. // }
  46. // return obj
  47. // }
  48. // var o = foo();
  49. // console.log(o.userName,o.userAge);
  50. // let {userName,userAge} = foo();
  51. // console.log(userName,userAge);
  52. // let a = 1;
  53. // let b = 2;
  54. // let c = 0;
  55. // c = a;
  56. // a = b;
  57. // b = c;
  58. // console.log(a,b);
  59. // var a = 1;
  60. // var b = 2;
  61. // var [a,b] = [b,a];
  62. // console.log(a,b);
  63. // var xiaomiPhoneJson = '{"title":"小米手机","price":4999,"pic":"xxxx.png"}';
  64. // var jsonObj = JSON.parse(xiaomiPhoneJson);
  65. // var {title} = jsonObj;
  66. // console.log(title);
  67. </script>
  68. </body>
  69. </html>