码迷,mamicode.com
首页 > 其他好文 > 详细

React(2) --super关键字

时间:2018-12-09 14:00:13      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:name   html   函数   class   htm   没有   person   www.   传递   

参考:http://www.phonegap100.com/thread-4911-1-1.html

Es6中的super可以用在类的继承中,super关键字,它指代父类的实例(即父类的this对象)。子类必须在constructor方法中调用super方法,否则新建实例时会报错。这是因为子类没有自己的this对象,而是继承父类的this对象,然后对其进行加工。如果不调用super方法,子类就得不到this对象。

    class Person {
          constructor (name) {
                this.name = name;
          }
    }

    class Student extends Person {
          constructor (name, age) {
                super(); // 用在构造函数中,必须在使用this之前调用
                this.age = age;
          }
    }

为什么官方的列子里面写个super(props):


只有一个理由需要传递props作为super()的参数,那就是你需要在构造函数内使用this.props

那官方提供学习的例子中都是写成super(props),所以说写成super(props)是完全没问题的,也建议就直接这样写。

React(2) --super关键字

标签:name   html   函数   class   htm   没有   person   www.   传递   

原文地址:https://www.cnblogs.com/juewuzhe/p/10090634.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!