javascript - es6 static

问题描述

问 题

export default class BookBox extends Component {
  static defaultProps = {
    initialBooks: [
      {
        title: 'Twilight',
        author: 'Stephanie Meyer',
        isbn: '0316015849'
      }
    ]
  };

  static propTypes = {
    initialBooks: PropTypes.array.isRequired
  };

  constructor(props) {
    super(props)
    this.state = {
      books: this.props.initialBooks
    }
  }
}

这段代码中的defaultProps 和propTypes 为什么要用static修饰？ static在es6中的作用是什么？ 求解答，不要给我链接，我查了不少了，没几个说的明白，都是一带而过的。最好是各位自己的理解给我说说，谢谢。

解决方案

static 定义的是类的方法只有类能调用，而普通方法是实例的方法只有类实例能调用。变量也一样。

class A {
    static fn() {
        console.log('sss');
    }
    fn2() {
        console.log('www');
    }
}

let a = new A();

a.fn(); // 报错
A.fn();
a.fn2();
A.fn2(); // 报错

这篇关于javascript - es6 static的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！