21_类.html 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  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. <script>
  11. /*
  12. 属性 写在构造函数下
  13. 方法 写在原型对象下
  14. */
  15. //构造函数
  16. function person(name,age){
  17. this.name = name
  18. this.age = age
  19. // this.eat = function(){
  20. // console.log(this.name + '我在吃饭')
  21. // }
  22. }
  23. //原型对象
  24. person.prototype.eat = function(){
  25. console.log(this.name + '我在吃饭')
  26. }
  27. /*
  28. 所有的构造函数中 都有一个prototype属性
  29. 这个prototype属性 指向的都是原型对象
  30. 原型对象: 定义在原想对象下面的方法和属性 能够被所有实例化对象所共享
  31. */
  32. //实例化对象
  33. var p1 = new person('zs',18)
  34. var p2 = new person('lisi',20)
  35. console.log(p1)
  36. p1.eat()
  37. p2.eat()
  38. </script>
  39. </body>
  40. </html>