JavaScript——面向对象原型继承与class继承

Posted 2021-05-11 haha

原型对象：

var Student={
        name:\'cl\',
        age:19,
        run:function(){
            console.log(this.name+"run....");
        }
  };

  var xiaoming={
       name:"xiaoming"
  };

  var Bird={
       fly:function(){
            console.log(this.name+"fly...");
       }
  };

  //小明的原型是 Student
  xiaoming.__proto__=Bird;

 

 

  class对象

class关键字，是在ES6引入的

//定义一个学生类
  class Student{

      constructor(name){
          this.name=name;
      }
      hello(){
         alert(\'hello\');
      }
  }
  var xiaoming=new Student("xiaoming");

 继承

class xiaoStudent extends Student{
      constructor(name,grade){
         super(name);
         this.grade=grade;
      }

      myGrade(){
         alert(\'我是一名小学生\');
      }
  }

  var xiaoming=new Student("xiaoming");
  var xiaohong=new xiaoStudent("xiaohong",1);

 

本质：查看对象原型