面向对象class继承

class关键字，是在ES6引入的

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <script>
 7         //本质还是查看对象原型，写法更容易理解
 8         //定义一个学生类
 9         class Student{
10             constructor(name) {
11                 this.name=name;
12 
13             }
14             hello(){
15                 alert('hello');
16             }
17         }
18         class xStudent extends Student{
19             constructor(name,grade) {
20                 super(name);
21                 this.grade = grade;
22             }
23             myGrade(){
24                 alert("sda");
25             }
26         }
27         var user = new Student("na");
28         var user2 = new xStudent("asd",12);
29 
30 
31         //原型链
32     </script>
33 </head>
34 <body>
35 
36 </body>
37 </html>

 

posted @ 2022-03-29 20:50  doremi429  阅读(19)  评论(0)  编辑  收藏  举报