编程范式之命令式编程 #

针对于目前的前端开发而言，主要存在两种 编程范式

1. 命令式编程
2. 声明式编程

这两种 范式 一般是相对来说的。

首先来说什么叫做命令式。

具体栗子：

李华的妈妈让他去买酱油

李华是这么做的：

1. 拿起钱
2. 打开门
3. 下了楼
4. 去超市
5. 用钱买酱油
6. 回到家

以上的流程详细的描述了，李华在买酱油的过程中每一步都做了什么，那么这种：详细描述做事过程 的方式就可以被叫做 命令式

那么如果把这样的方式放到具体的代码实现中，应该如何做呢？

来看这样一个事：

在指定的div中展示 hello world

<div id = "app"></div>
---------------------------
<script>
    // 获取div
	const divG = document.querySelector('#app')
    // 为div 设置 innerHTML 为 hello world
    divG.innerHTML = 'hello world'
</script>

代码虽然只有两行，但是 描述了完成这件事情所需要经历的过程

那么我们要完成一个更复杂的事情，整个的过程就会变得更为复杂

比如：

为指定的div的子元素div的子元素p标签，展示变量msg

// 获取第一层div
const divEle = document.querySelector('#app')
// 获取第二层div
const subDivEle = divEle.querySelector('div')
// 获取第三层的p
const subPEle = subDivEle.querySelector('p')
// 定义变量msg
const msg = 'hello world'
// 为 p 设置 innerHTML 为 hello world
subPEle.innerHTML = msg

总结：什么叫做命令式呢？

命令式就是：关注过程的一种编程范式，他描述完成一个功能的 详细逻辑与步骤