08.对象.html 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. </head>
  9. <body>
  10. <!--
  11. 1.什么是对象?
  12. *多个数据的封装体
  13. *用来保存多个数据的容器(变量只能存储一个数据)
  14. *一个对象代表现实中的一个事物
  15. 2.为什么要用对象?
  16. *统一管理多个数据
  17. 3.对象的组成
  18. *属性:属性名(本质上都是字符串,一般情况下引号可以省略)和属性值(任意类型)组成
  19. *方法:一种特别的属性(属性值是函数)
  20. 4.如何访问对象内部数据?
  21. *.属性名:编码简单,有时不能用
  22. *['属性名']:编码复杂,能通用
  23. -->
  24. <script>
  25. var p = {
  26. name: '大师兄',
  27. age: 22,
  28. setName: function (name) {
  29. this.name = name;
  30. },
  31. setAge: function (age) {
  32. this.age = age;
  33. }
  34. };
  35. console.log(p.name);
  36. // console.log(p.setName);//输出时函数体,一般不这样使用
  37. p.setName('二师兄');
  38. console.log(p.name);
  39. p['setAge'](28);
  40. console.log(p['age']);//28
  41. </script>
  42. </body>
  43. </html>