16.类+继承.html 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  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. * ES6提供了class声明类
  12. * class xxx {}
  13. * constructor 构造函数
  14. * extends 继承
  15. * super 继承父类的属性
  16. * static 静态方法
  17. */
  18. class Person {
  19. constructor(name1,age1) {
  20. this.name = name1;
  21. this.age = age1;
  22. }
  23. say() {
  24. console.log("哈哈哈哈哈")
  25. }
  26. static eat() {
  27. console.log("你好")
  28. }
  29. }
  30. class A extends Person{
  31. constructor(name,age,address1) {
  32. super(name,age)
  33. this.address = address1;
  34. }
  35. // say() {
  36. // console.log("吃东西")
  37. // }
  38. }
  39. let a = new A("图图",3,'上海');
  40. console.log(a)
  41. a.say();
  42. A.eat()
  43. // a.eat();
  44. </script>
  45. </body>
  46. </html>