面向过程和面向对象编程思想

坦率的讲编程和烹饪本质上没有什么区别，编程的代码和烹饪食谱里的说明文字，仅仅目的不同，一个为了编写软件程序，另一个是为了烹饪美味。只要将需求分解成可具体执行的代码或者烹饪步骤说明，就能实现各自的需求。

1. 面向过程和面向对象的思想

在实际的编程中有两种应用比较广泛的思想，面向过程和面向对象。虽然都是编程的一种思想，但是面向过程注重的是通过代码一步步实现业务逻辑（食谱里的说明文字），面向对象更注重的是将编程过程中的属性和方法分离，使用构造函数创建相应的对象，并且添加原型方法实现相同的编程业务逻辑。

2. 面向过程编程的实现过程

举个例子：假如要做道蛋炒饭，具体都有哪些步骤（编程思想），将要做的事情变成一个个具体的步骤去执行（面向过程）。

1. 准备锅，鸡蛋，米饭，食用油，辅料，盘子
2. 食用油放入锅中
3. 食用油热后放入辅料
4. 放入鸡蛋
5. 放入米饭
6. 出锅，盛盘

代码如下：

var content = document.getElementById('content');
var g = "锅";
var d = "鸡蛋" ;
var m = "米饭" ;
var s = "食用油" ;
var f = "辅料" ;
var p = "盘子";
var div0 = document.createElement('div');
var br0 = document.createElement('br');
var fan = g+"中放入"+s+"，"+s+"热后放入"+f+"，放入"+d+"，再放入"+m+"，出"+g+"盛入"+p;
div0.innerHTML = fan;
content.appendChild(div0);
content.appendChild(br0);

以上代码的实现方式就是面向过程，如果需要重新做一道菜，则需要重写代码去实现，所以面向过程的代码复用性较差。

3. 面向对象编程的实现过程

现在要实现烹饪多道菜（实现代码的复用性），以上的实现方式就不能满足这个要求了，这个时候就需要使用面向对象的思想实现业务逻辑。

1. 自定义一个构造函数 ChaoCai
2. 添加相关的烹饪属性
3. 使用原型添加相关的方法
4. 调用这个函数，同时传入参数，
5. 调用方法，实现烹饪步骤

代码如下：

var content = document.getElementById('content');
function ChaoCai (g,d,m,s,f,p){
    this.g = g;
    this.d = d;
    this.m = m;
    this.s = s;
    this.f = f;
    this.p = p;
}
ChaoCai.prototype.fang = function(){
    var div = document.createElement('div');
    var br = document.createElement('br');
    var html = this.g+"中放入"+this.s+"，"+this.s+"热后放入"+this.f+"，放入"
    +this.d+"，再放入"+this.m+"，从"+this.g+"盛入"+this.p;
    div.innerHTML = html;
    content.appendChild(div);
    content.appendChild(br);
}
var kaolengmian = new ChaoCai('铁板','鸡蛋','冷面','食用油','辅料','餐盒');
kaolengmian.fang();

var fan = new ChaoCai('锅','鸡蛋','米饭','食用油','辅料','盘子');
fan.fang();

小结

综上所述，实现相同的业务逻辑，面向对象的实现方式明显比面向过程好很多。在需要复用相同代码的时候，不需要重复相同的事情。让编程工作变成一项体力活，开发效率也不会太高。使用面向对象的方式编程开发，可以提升代码的复用性，并且提高程序的性能和可维护性。