首页 > 编程语言 > 详细

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

时间:2021-05-12 00:26:26      阅读:25      评论:0      收藏:0      [点我收藏+]

原型对象:

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);

 

本质:查看对象原型

技术分享图片

 

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

原文:https://www.cnblogs.com/clblogs/p/14757574.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!