學習 ReactJS 之前，你需要了解多少 JavaScript？

最主要的是要精通 JavaScript，這樣你就可以減少 ReactJS 之旅的複雜性。

React 是一個建立在 HTML、CSS 和 JavaScript 之上的 UI 框架，其中 JavaScript（JS）負責大部分的邏輯。如果你對變數、數據類型、數組函數、回調、作用域、字元串方法、循環和其他 JS DOM 操作相關的主題有一定了解，這些將極大地加快學習 ReactJS 的步伐。

你對現代 JavaScript 的概念將決定你能多快地掌握 ReactJS 的步伐。你不需要成為一個 JavaScript 專家來開始你的 ReactJS 之旅，但就像對食材的了解是任何希望掌握烹飪的廚師所必須的一樣，學習 ReactJS 也是如此。它是一個現代的 JavaScript UI 庫，所以你需要了解一些 JavaScript。問題是，需要多少？

示例解釋

假設我被要求用英語寫一篇關於「牛」的文章，但我對這種語言一無所知。在這種情況下，為了讓我成功地完成任務，我不僅要對主題有概念，還要對指定的語言有概念。

假設我獲得了一些關於主題（牛）的知識，我如何計算我需要知道多少英語才能寫出規定的主題？如果我必須用英語寫一篇關於其他複雜話題的文章呢？

這很難搞清楚，不是嗎？我不知道我要寫關於這個話題的什麼東西，但它可能是任何東西。所以要想開始，我必須要有適當的英語知識，但還不止於此。

極端現實

在開始使用 ReactJS 之前，所需的 JavaScript 數量也是如此。根據我的例子情景，ReactJS 是話題「牛」，而 JavaScript 是英語。要想在 ReactJS 中獲得成功，對 JavaScript 的掌握很重要。如果沒有適當的 JavaScript 基礎，一個人是很難專業地掌握 ReactJS 的。無論我對這個主題有多少知識，如果我不知道語言的基礎，我就不能正確地表達自己。

多少才算夠？

根據我的經驗，當你開始你的 ReactJS 之旅時，你應該已經熟悉了：

• 變數
• 數據類型
• 字元串方法
• 循環
• 條件式

你應該對這些具體的 JavaScript 熟悉。但這些只是最基本的先決條件。當你試圖創建一個簡單的 React 應用時，你將不可避免地需要處理事件。所以，普通函數、函數表達式、語句、箭頭函數的概念，箭頭函數和普通函數的區別，以及這兩類函數中 this 關鍵字的詞義範圍，這確實很重要。

但問題是，如果我必須使用 ReactJS 創建一個複雜的應用怎麼辦？

獲得啟發

在 JavaScript 中處理事件、傳播操作符、解構、命名導入和默認導入將幫助你理解 React 代碼的工作機制。

最重要的是，你必須了解 JavaScript 本身背後的核心概念。JavaScript 在設計上是非同步的。當出現在文件底部的代碼在文件頂部的代碼之前執行時，不要驚訝。像 promise、callback、async-await、map、filter 和 reduce 這樣的結構，是 ReactJS 中最常見的方法和概念，尤其是在開發複雜的應用時。

最主要的是要精通 JavaScript，這樣你可以減少 ReactJS 之旅的複雜性。

越來越好

我很容易說出你需要知道的東西，但你去學習它完全是另一回事。大量練習 JavaScript 是必不可少的，但你可能會感到驚訝，我認為這並不意味著你必須等到掌握它。有些概念事先很重要，但你可以在學習過程中學到很多東西。練習的一部分是學習，所以你可以開始使用 JavaScript，甚至是 React 的一些基礎知識，只要你以舒適的速度移動並理解在你嘗試任何嚴肅的事情之前做你的「家庭作業」是一個要求。

立即開始使用 JavaScript

不要費心等到你了解了 JavaScript 的所有方面。那永遠不會發生。如果這樣做，你將陷入學習 JavaScript 的永遠循環中。你們都知道技術領域是如何不斷發展和迅速變化的。如果你想開始學習 JavaScript，請嘗試閱讀 Mandy Kendall 的介紹性文章 通過編寫猜謎遊戲學習 JavaScript。這是一種快速入門的好方法，當你看到了可能的情況，我認為你可能會發現很難停下來。

via: https://opensource.com/article/22/7/learn-javascript-before-reactjs

作者：Sachin Samal 選題：lkxed 譯者：geekpi 校對：wxy

本文由 LCTT 原創編譯，Linux中國 榮譽推出

本文轉載來自 Linux 中國: https://github.com/Linux-CN/archive