Flutter 中的编程范式

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第29天，点击查看活动详情

什么是编程范式

编程范式，简单来说就是编写命令的方法。比如面向对象编程、面向过程编程、函数式编程、命令式编程、声明式编程等等，这些都属于编程范式

关于命令式编程和声明式编程

命令式编程

• 什么是命令式编程

  明确的指出计算机执行的步骤，也就是说一步一步告诉计算机先做什么后做什么

• 示例

  • 实现步骤
    1. 定义临时变量，并赋默认值
    2. 创建 Text
    3. 设置 Text 显示的内容为临时变量
    4. 更改临时变量值
    5. 再次设置 Text 显示的内容为临时变量
  • 代码

    var title = "Hello World";
    final text = new Text();
    text.setContent(title);
    title = "Hello Flutter";
    text.setContent(title);
    

声明式编程

• 什么是声明式编程

  让计算机明确目标，该是什么样的，依赖哪些状态，并且当依赖的状态发生改变时，通过某些方式通知目标作出相应

  一般来说声明式编程都是依赖框架的，框架中的一些机制会帮我们完成一些东西，比如依赖的框架可能是Vue、React、Flutter等等。我们需要做的就是告诉这个框架我们界面应该长什么样子，

• 示例

  • 实现步骤
    1. 定义临时变量，并赋默认值
    2. 创建 Text，并设置 Text 显示内容为临时变量
    3. 更改临时变量值
    4. 调用 setState(）刷新 Widget 显示内容
  • 代码

    var title = "Hello World";
    Text(title); 
    title = "Hello Flutter";
    setState(() => null); 
    

两者优缺点

• 命令式编程更加的精细化，更严谨，程序也会一丝不苟的执行你的命令。但是操作步骤比较多，代码量大，影响开发效率

• 声明式可以让开发关注状态表现，不用去考虑底层如何实现，只需要对想要的结果进行深思熟虑，程序框架会自动的解决过程。当然代码看起来更简洁，但是代码的可读性相较于命令式有点差