面向对象继承:ES5继承和ES6继承:extends、super()

面向对象继承:ES5继承和ES6继承:extends、super()面向对象继承:ES5继承和ES6继承:extends、super()_es6extendses5适配

  • 继承:继承共同的属性和方法,不用重复写相同的属性;
  • 继承后可以再写自己独有的属性和方法 ;
  • 比如:继承父亲已有的财产,在此基础上再加上自己创造的财产;

 

1、ES5继承方法

(1)创建继承体

  • 先创建一个继承体(被继承的):
 <script>
        function Person(){
            this.name =name,
            this.age = age
        }
        Person.prototype.say() = function(){
            console.log("111",this.name)
        }
        var obj  = new Person()
        obj.say()
 </script>

 

 (2)继承属性和原型方法

  • 在创建一个学生构造函数,但是这个构造函数要继承上面的人的属性和原型方法;
  • 先继承属性:
//创建一个Student构造函数
  function Student(name,age,grade){
  //继承Person的name和age属性,call(this)是为了改变this指向,让this指向由Person变为Student
       Person.call(this,name,age)
       this.grade = grade
  }


  var obj2 = new Student('linlin',24,98)
  console.log(obj2)
  • 这个call(this)是为了改变this指向,Person里的this指向的是Person构造函数,既然都继承了,当然是要改变this指向了,指向为Student。。。
  • 然后再继承的基础上,Student构造函数还可以加上自己的属性:this.grade = grade
  •  继承属性的完整代码:
<script>
        function Person(name,age){
            //Person属性
            this.name = name,
            this.age = age
        }
        Person.prototype.say = function(){
            console.log("111",this.name)
        }

        //创建一个Student构造函数
        function Student(name,

今天的文章面向对象继承:ES5继承和ES6继承:extends、super()分享到此就结束了,感谢您的阅读。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/65134.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注