5.20了，俺觉得俺得回来理解下什么是“面向对象”

1 面向过程

2 面向对象

面向对象使咱们的代码具有维护性，关于header的逻辑在header部分维护，sidebar的逻辑在sidebar部分维护，如果header出了问题只需要打开header去定位问题&修改问题，而不用在一个包含多个部分逻辑代码的庞大文件里面去找。

但是呢，上面的代码有几个缺点：

1. html文件中加载多个js文件，http请求多次，页面加载速度变慢，性能不好。
2. 在index.js文件中看不出和其他3个文件的关联关系。
3. 很难查错。假如index.js和content.js文件的引入放错了位置：对于小白来说可能以为content里面写错了，儿没有想到是位置顺序的问题。
   
   
   
   继而引入webpack~~有兴趣接着看
   从基础到实战 手把手带你掌握新版Webpack4.0 - 学习笔记 的 [ 2-1 webpack 究竟是什么？]

3 总结

简述面向对象、面向过程的区别？

（1）从设计思路来看：

• 面向过程：程序设计的重点是分析解决问题的步骤，以及完成步骤的流程，是一种结构化自上而下的程序设计方法。
• 面向对象：程序设计的重点是把构成问题的事物分解成对象，从局部着手，通过迭代的方式逐步构建出整个程序，是一种以数据为核心，以类设计为主的自下而上的程序设计方法。

（2）从适用范围来看：

• 面向过程：由于不涉及实例化对象等操作，程序性能更高，开销更少，因此像切入式等对资源要求较高的系统大多都采用面向过程开发。
• 面向对象：由于其抽象、封装、继承、多态的特性，使得系统具有更好的扩展性、维护性、复用性，对于功能复杂且维护成本较高的系统采用面向对象的开发。

（3）从代码复用来看：
二者都可以实现代码复用，但是面向过程主要是函数，而面向对象主要是类。

---

可以再看看这个：如何通俗易懂地举例说明「面向对象」和「面向过程」有什么区别？
”有一个比喻很合适，说面向过程是蛋炒饭，面向对象是盖浇饭，即，面向过程很难将内容剥离开，都混在了一起，要改一个东西，往往会改全文；而面向对象改的时候就改得比较少。“