10.对象.html 1.0 KB

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. // 1.对象的创建
  11. var obj = {};
  12. var obj1 = new Object();
  13. console.log(obj)
  14. console.log(obj1);
  15. // 2.对象的属性和方法
  16. /**
  17. * obj = {
  18. * 属性:属性值,
  19. * ....
  20. * }
  21. */
  22. obj = {
  23. name:"LiLi",
  24. age:19
  25. }
  26. obj1.name = 'Lucy';
  27. obj1.age = 20;
  28. console.log(obj1);
  29. console.log(obj);
  30. // 3.对象的访问 对象.属性名 获取对应的属性值
  31. var a = obj.name;
  32. console.log(a);
  33. var b = new Array();
  34. var c = new Object();
  35. var x = new Number();
  36. var y = new String();
  37. var z = new Boolean();
  38. console.log(b,c,x,y,z)
  39. // 避免向其中添加内容 会降低耦合性
  40. </script>
  41. </body>
  42. </html>