_08_js_object.html 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Title</title>
  6. </head>
  7. <body>
  8. </body>
  9. <script>
  10. /**
  11. * 第一种创建对象方式
  12. * js 当中创建对象不像java 一样必须要先创建一个类 然后在new 对象
  13. *
  14. * 在js 当中 直接{属性: xxx,属性:xxx,函数...}
  15. */
  16. // obj 对象有三个属性 有2个函数
  17. // var obj = {
  18. // name : "zhangsan",
  19. // age : 18,
  20. // email: "123@qq.com",
  21. // eat: function (){
  22. // console.log("吃饭")
  23. // },
  24. // sleep: function (){
  25. // console.log("睡觉")
  26. // }
  27. // }
  28. // console.log(obj);
  29. // // 获取对象属性
  30. // // 对象.属性名
  31. // console.log(obj.name);
  32. // // 对数.函数名
  33. // obj.sleep()
  34. // 定义一个函数 传入一个对象, 如果对象名字等于zhangsan 就把他年龄修改成20岁
  35. // function changeAge(o){
  36. // if(o.name =="zhangsan"){
  37. // o.age = 20
  38. // }
  39. // console.log(o)
  40. // }
  41. // changeAge(obj)
  42. /**
  43. * 创建对象第二种方式:
  44. * let 对象名 = new Object();
  45. * 对象名.属性名= 属性值
  46. * 对象名.函数名= 函数
  47. */
  48. // let obj = new Object();
  49. // obj.name="zhangsan";
  50. // obj.age =18;
  51. // obj.email ="!23qq.com";
  52. // obj.sleep= function (){
  53. // console.log("睡觉")
  54. // }
  55. // console.log(obj)
  56. // console.log(obj.name)
  57. // obj.sleep()
  58. /**
  59. * 创建对象第三种方式 构造器方式
  60. * function 构造器名字(参数){
  61. * this.属性名= 属性值
  62. * this.函数名= 函数
  63. * }
  64. *
  65. */
  66. function Dog(name,age){
  67. this.name = name;
  68. this.age= age;
  69. this.say = function (){
  70. console.log("狗叫")
  71. }
  72. }
  73. var dog = new Dog("zhangsan",10)
  74. console.log(dog.name)
  75. dog.say();
  76. </script>
  77. </html>