javascript - es6 static

Question

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中的作用是什么？ 求解答，不要给我链接，我查了不少了，没几个说的明白，都是一带而过的。最好是各位自己的理解给我说说，谢谢。

Answer 1

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

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

let a = new A();

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

Answer 2

感觉应该是跟java 一样的吧，静态类，静态变量，内存中不消失

Answer 3

纯粹从es6的角度，静态方法/属性，可以直接访问的

从react的角度来说，这个可以写成BookBox.defaultProps =xxx ; BookBox.propTypes = xxx;

Answer 4

class property