1.8.2 命令式编程示例

我们在重复的代码逻辑和可以建模的实体部分使用各种语言特征进行高阶抽象编码,但在描绘主要逻辑,或者对上下游进行单次连接等一次性编码时,更推荐使用命令式这种所见即所得的编程模式。

比如在本章的项目中,主入口文件main.js中要做以下逻辑编码,如代码清单1-7所示。

代码清单1-7 项目主流程——命令式代码


// 项目主流程,使用React将项目主App绑定到页面的DOM中
// main.js内容将随着项目复杂度增加而增多
import React from 'react'
import ReactDOM from 'react-dom'
import BreakThroughPage from './pages'

const wrapper = document.getElementById("break-through-container");
ReactDOM.render(<BreakThroughPage />, wrapper)