React 是一个构建于 HTML、CSS 和 JavaScript 之上的 UI 框架，其中 JavaScript (JS) 负责大部分逻辑。如果您掌握了变量、数据类型、数组函数、回调、作用域、字符串方法、循环以及其他与 JS DOM 操作相关的主题，这些将极大地加快您学习 ReactJS 的速度。
您对现代 JavaScript 的理解程度将决定您开始学习 ReactJS 的速度。您无需成为 JavaScript 专家即可开始您的 ReactJS 之旅，但正如食材知识对于任何希望掌握烹饪的厨师来说是必不可少的，学习 ReactJS 也是如此。它是一个现代 JavaScript UI 库，因此您需要了解一些 JavaScript。问题是，需要了解多少？
示例解释
假设我被要求用英语写一篇关于“牛”的文章，但我对这门语言一无所知。在这种情况下，为了成功完成任务，我不仅应该对主题有所了解，还应该了解指定的语言。
假设我掌握了一些关于主题（牛）的知识，我该如何计算我需要掌握多少英语才能写关于规定主题的文章？ 如果我必须用英语写关于其他复杂主题的文章呢？
这很难弄清楚，不是吗？ 我不知道我要写关于这个主题的哪些内容，但它可能是任何东西。 因此，要开始，我必须掌握适当的英语知识，但这还不是全部。
极端现实
在开始学习 ReactJS 之前所需的 JavaScript 量也是如此。 根据我的示例场景，ReactJS 是主题“牛”，而 JavaScript 是英语。 掌握扎实的 JavaScript 基础对于在 ReactJS 中取得成功至关重要。 如果没有适当的 JavaScript 基础，就很难在专业上掌握 ReactJS。 无论我对主题有多少了解，如果我不了解这门语言的基础知识，我就无法正确表达自己。
多少才算够？
以我的经验，当您开始您的 ReactJS 之旅时，您应该已经熟悉
- 变量
- 数据类型
- 字符串方法
- 循环
- 条件语句
您应该特别熟悉 JavaScript 中的这些内容。 但这些只是最低限度的先决条件。 当您尝试创建一个简单的 React 应用程序时，您将不可避免地需要处理事件。 因此，普通函数、函数表达式、语句、箭头函数、箭头函数和常规函数之间的区别以及两种类型函数中 this 关键字的词法作用域的概念非常重要。
但问题是，如果我必须使用 ReactJS 创建一个复杂的应用程序呢？
获得启发
在 JavaScript 中处理事件、扩展运算符、解构、命名导入和默认导入将帮助您理解 React 代码的工作机制。
最重要的是，您必须理解 JavaScript 本身背后的核心概念。 JavaScript 在设计上是异步的。 当文件中底部出现的代码在文件顶部出现的代码之前执行时，不要感到惊讶。 像 promises、callbacks、async-await、map、filter 和 reduce 这样的构造是 ReactJS 中最常用的方法和概念，尤其是在开发复杂应用程序时。
主要思想是精通 JavaScript，这样可以降低 ReactJS 学习之旅的复杂性。
变得精通
我很容易说出您需要知道什么，但对于您来说去学习它又是完全不同的另一回事。 大量练习 JavaScript 是必不可少的，但您可能会惊讶地发现，我认为这并不意味着您必须等到掌握它为止。 有些概念事先很重要，但是有很多东西您可以在学习的过程中学习。 练习是学习的一部分，因此您可以开始学习 JavaScript，甚至可以学习 React 的一些基础知识，只要您以舒适的节奏前进并了解在您尝试任何严肃的事情之前完成“家庭作业”是必要的。
立即开始学习 JavaScript
不要费心等到您涵盖了 JavaScript 的所有方面。 那永远不会发生。 如果您这样做，您将被困在学习 JavaScript 的永恒循环中。 而且你们都知道技术领域是多么不断发展和快速变化。 如果您想开始学习 JavaScript，请尝试阅读 Mandy Kendall 的介绍性文章《通过编写猜谜游戏学习 JavaScript》。 这是一个快速入门的好方法，一旦您了解了可能性，我认为您可能会发现很难停下来。
5 条评论