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 条评论