其他分享
首页 > 其他分享> > 为什么 React 是声明式的

为什么 React 是声明式的

作者:互联网

为什么 React 是声明式的

声明式和命令式有什么区别

前言

每次我们打开 反应 网站,我们可以看到 React 的介绍:

我们可以了解到 React 是 声明性的 哪个 **** 可以使我们的代码更可预测和更容易调试。我喜欢使用 React,并且几乎在我所有的项目中都使用它。但这让我感到困惑,什么是声明性的,你和我有同样的问题吗?

当我们谈论声明式时,也提到了命令式。声明式和命令式是两种总是会相互比较的编程范式。在这篇文章中,我将介绍这两种编程范式。

声明式和命令式的概念

我们可以从 维基百科

声明式编程是一种编程范式——一种构建计算机程序结构和元素的风格——它表达了计算的逻辑而不描述其控制流。

声明式编程侧重于 什么 程序应该完成 没有指定程序应该如何实现结果的所有细节。与这个词相比, 命令式编程侧重于描述程序如何逐步运行 ,而不是对其预期结果的高级描述。

“声明式与命令式”变成“什么与如何”,我们可以用一个例子来证明这个术语。当我们要创建一个新的 react 项目时,使用命令式的方式会是这样的:

  1. 创建一个空目录;
  2. 使用 npm 启动项目;
  3. 使用 npm 或 yarn install react、react-dom;
  4. 使用 npm 或 yarn install 构建/编译工具,如 webpack、babel;
  5. 创建一个 webpack 配置文件;

通过使用命令式的方式,它们可以帮助我们理解所有细节,但是如果我们需要频繁地重复这些步骤来创建项目,那就很烦人了。

如果我们使用声明式的方式,会很简单,只需要一步:

  1. npx 创建反应应用程序我的应用程序

通过使用声明式,我们不需要知道步骤,只需要关心我们想要做什么。

声明式和命令式的关系

众所周知,所有的高级语言都会被编译为 CPU 的指令,所以在某种程度上,声明式编程是在命令式编程之上的抽象层。

当我们谈论声明式编程或命令式编程时,我们需要定义一个特定的场景,因为声明式动作在某些情况下可能是命令式的。在上面的例子中,我们的场景是创建一个 React 项目。如果我们想批量创建项目,我们可以像下面的代码那样做:

 #!/bin/sh a=0  
  
 while [ $a -lt 10 ] # 创建 10 个项目  
 做  
 npx create-react-app my-app$a  
 a=`expr $a + 1`  
 完毕

虽然我们仍然使用 创建反应应用 创建反应应用程序,但这看起来可能是命令式编程。声明式和命令式的关系可能是这样的:

命令式代码可以组合成函数或库,就像声明式代码一样,开发人员使用它来实际编写软件。命令部分成为软件的实现细节。声明部分也可以抽象,在这种情况下,它将是一个命令部分。

声明式和命令式的关系可以帮助我们理解为什么 React 是声明式的,因为 React 提供了一种非常简单的方式来创建交互式 UI,而不是使用原生 JavaScript 来维护 dom,React 让我们只需要关心数据并且 UI 会自动更新而数据改变。

最后

在本文中,我们了解了声明式编程和命令式编程之间的区别。在我们的项目中建议使用声明式编程,因为代码将更具可读性和可理解性。

感谢您阅读到这里,希望这篇文章可以帮助到您。

参考

  1. c# — 编程中的声明式范式和命令式范式有什么区别? - 堆栈溢出
  2. 编程范式——维基百科
  3. 声明式编程——维基百科
  4. 命令式编程——维基百科

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明

本文链接:https://www.qanswer.top/22826/48490909

标签:为什么,创建,编程,React,命令式,声明,我们
来源: https://www.cnblogs.com/amboke/p/16671713.html