当前位置:首页 > 博客 >Javascript > 正文

es6的一些新的特性

时间:2017-03-28 15:01   作者:admin   点击:

一、es6的class(类)

ES6引入了Class(类)这个概念,作为对象的模板,通过class关键字,可以定义类,能更好的实现继承。


通过extends关键字来实现继承,但是在子类中使用this 关键字时,如果没有调用super(),会报错!

super()是调用父类的构造函数,从而实现this的继承


例如:

class PCHeader extends React.Component {
  constructor(){
    super(); 
    this.state = {
      current: 'mail',
    }
    this.handleClick = (e) => {
      console.log('click ', e);
      this.setState({
        current: e.key,
      });
    }
  }
}

tips:我之前一直在类中直接定义变量,也就是静态变量,但是都不行,会报错!后来才知道,目前的es6版本明确规定类中没有静态变量,只有静态方法!