day22: declarative vs. imperative

今天我们谈到 declarative 声明式和 imperative 命令式，

他的概念比较像是以下如下，

假设请一个厨师煮出一道高丽菜

imperative

准备高丽菜

洗高丽菜

炒高丽菜

呈盘上桌

declarative

告诉厨师我要一道高丽菜的声明

厨师直接端出一到高丽菜

以上这两种操作各有优缺点，

引用: https://www.ionos.com/digitalguide/websites/web-development/imperative-programming/

参考这张图的说明，imperative 关注的是对象的操作和流程，而 declarative 关注的是 function 的 input, output

实际范例

使用 function 指定一个 start 和 end 的数字，

分别用 imperative 和 declarative 来操作

// imperative

const loop = (start,end)=>{
	let result = start;
	for (let i = start; i < end; i++) {
		console.log(result);
	  result += 1;
	}
}
loop(2, 10); // 2,3,4,5,6,7,8,9,10

const recurse = (start,end)=>{
	if(start === end){
		console.log(start);
		return;
  }else{
		console.log(start);
	  return recurse(start+1,end);
  }
}
recurse(2, 10); // 2,3,4,5,6,7,8,9,10

可以看到以上两种写法都会得出一样的结果，imperative 常用回圈来操作，而 declarative 常用递回来操作，imperative 会经由一些判断来显示要的结果，而 declarative 则是关注 input 和 output。

https://medium.com/weekly-webtips/imperative-vs-declarative-programming-in-javascript-25511b90cdb7#:~:text=The most common explanation of,you want from the computer.

https://www.freecodecamp.org/news/functional-programming-in-javascript/

https://www.ionos.com/digitalguide/websites/web-development/imperative-programming/