學react.js之前要學什麼

學reactjs之前要學JavaScript基礎知識，因為React是一個用於建立使用者介面的JavaScript函式庫，其中大部分是JavaScript ES6及其特性和語法，還包括三元運算子、簡化的語法、this物件、JavaScript內建函數等等。

我在跟別人介紹 React 的過程中得到這樣的一個結論：React 完全是關於 JavaScript 的。而且，有很多材料是關於 JavaScript 而不是 React。

大部分是JavaScript ES6 及其特性和語法，還包括三元運算子、簡化的語法、this 物件、JavaScript 內建函數（map、reduce、filter）或更一般的概念，如可組合性、可重複使用性、不變性或高階函數。在剛開始接觸 React 之前，你可能不需要掌握這些基礎知識，但在學習或實踐過程中肯定需要用到它們。

React 和 JavaScript 類別

關於 React 類別元件，需要用到有關 JavaScript 類別的先驗知識。 JavaScript 類別的概念相對較新。之前，只有 JavaScript 的原型鏈可用來實作繼承。 JavaScript 類別以原型繼承為基礎，讓繼承體系變得更簡單。

定義 React 元件的一種方法是使用 JavaScript 類別。

class Developer {
 constructor(firstname, lastname) {
   this.firstname = firstname;
   this.lastname = lastname;
 }
 getName() {
   return this.firstname + ' ' + this.lastname;
 }
}
var me = new Developer('Robin', 'Wieruch');
console.log(me.getName());

一個類別描述了一個實體，用於建立實體的實例。在使用 new 語句建立類別的實例時，會呼叫這個類別的建構子。類別的屬性通常位於建構函式中。此外，類別方法（例如 getName()）用於讀取（或寫入）實例的資料。類別的實例在類別中使用 this 物件來表示，但在外部，僅指定給 JavaScript 變數。

在物件導向程式設計中，類別通常用來實現繼承。在 JavaScript 中也一樣，extends 語句可用來讓一個類別繼承另一個類別。一個子類別透過 extends 語句繼承了一個父類別的所有功能，也可以加入自己的功能。

class Developer {
 constructor(firstname, lastname) {
   this.firstname = firstname;
   this.lastname = lastname;
 }
 getName() {
   return this.firstname + ' ' + this.lastname;
 }
}
class ReactDeveloper extends Developer {
 getJob() {
   return 'React Developer';
 }
}
var me = new ReactDeveloper('Robin', 'Wieruch');
console.log(me.getName());
console.log(me.getJob());

以上是學react.js之前要學什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！