15_symbol.html 974 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  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. // 对象中的属性不允许重复 但是symbol类型的属性可以重复
  11. let obj = {
  12. userName:"张三",
  13. age:18,
  14. sex:"男"
  15. }
  16. console.log(obj[Symbol("a")]);
  17. obj.age = 20;
  18. obj.age = 30;
  19. // symbol
  20. // 可以通过Symbol类型的属性名 来访问属性值
  21. // symbol 一般用作于受保护的属性
  22. let a = Symbol();
  23. let b = Symbol();
  24. obj[b] = "world";
  25. obj[a] = "hello";
  26. console.log(obj);
  27. console.log(obj[a]);
  28. console.log(obj[b]);
  29. // 遍历对象中的属性 Symbol类型不能被遍历
  30. for(let key in obj){
  31. console.log(key);
  32. }
  33. </script>
  34. </body>
  35. </html>