19_对像.html 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  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. // 创建一个对象 对象中包含多个属性
  11. // 属性可以理解为这个对象的特征或者标签
  12. // 属性定义方法。 属性名:属性值
  13. // 属性一般对应都是非函数
  14. var person = {
  15. userName:"张三",
  16. age:18,
  17. sex:"男",
  18. hobby:["运动","游戏","学习"],
  19. // 方法可以理解为这个对象的行为
  20. // 方法定义方法。 方法名:方法体
  21. // 方法值是一个函数
  22. sayHello:function(){
  23. // 方法内如果使用自己的属性可以通过this来调用
  24. console.log("你好我叫"+this.userName);
  25. }
  26. }
  27. // 获取对象属性
  28. var friendName = person.userName;
  29. // 调用方法
  30. person.sayHello();
  31. // 修改属性
  32. person.age = 19;
  33. // 删除属性
  34. delete person.hobby;
  35. console.log(person)
  36. // var foo = function(){
  37. // console.log("我是foo函数");
  38. // }
  39. // foo()
  40. // var video = {
  41. // videoName:"XXX视频",
  42. // videoTime:"120秒",
  43. // videoSize:"100M",
  44. // like:["张三","李四","王五"],
  45. // comment:[
  46. // {
  47. // userName:"张三",
  48. // comment:"评论内容"
  49. // },
  50. // {
  51. // userName:"李四",
  52. // comment:"评论内容"
  53. // }
  54. // ]
  55. // }
  56. </script>
  57. </body>
  58. </html>