react的super(props)

在學習react的時候，其中在構造函數里面，有一個super(props)，具體是什么意思呢。

其中 super語法來自es6，其語法如下：

super([arguments]); 
// 調用 父對象/父類 的構造函數

super.functionOnParent([arguments]); 
// 調用 父對象/父類 上的方法

我們要理解react中的super(props)，，就先看一下，es6的構造函數constructor

看如下js

		class Person{
			constructor(props){
				console.log("參數:"+props);
				console.log("初始化 Person constructor");
				this.name = "Person";
			}
		}

		class Child extends Person{
			getName(){
				console.log("名字為:"+this.name);
			}
		}
		
		var child = new Child();
		child.getName();

　　在js中，類在 new 實例化的時候，系統會默認調用constructor函數，在 Child類中，我們沒有定義構造函數，那個系統會默認有一個constructor，並且會在里面調用super();  當我們定義了構造函數之后，就使用我們定義的。所以我們自己定義的構造函數必須要調用super()對父類進行初始化。

在react中，如果不需要在 constructor里面使用 props，是可以不用寫 constructor的

 

 

 

 這個兩種調用和不調用的區別，

1、如果不需要 在 constructor里面使用 this.props ，是可以不用給super傳props的

2、如果不要在constructor寫邏輯，僅僅是寫一個super(props)，實際上整個constructor都沒有寫的必要

3、目前react支持一種新的寫法，沒有constructor情況下面的初始化數據，非常方便，這種寫法，阮一峰老師的es6入門文檔里面有提及，詳細的自己去看