js面向对象和面向过程的区别

简介：面向对象：一种编程思想，跟具体的语言。

对比面向过程：

• 面向过程：思考的切入点是功能的步骤；适合做一些小的模块，
• 面向对象：思考的切入点是对象的划分；适合大项目和复用性很强、功能很多，有可维护性的；

举个栗子：
【大象装冰箱】：两个名词，大象和冰箱，这就是俩构造函数；大象有大象的功能方法，冰箱有冰箱的功能方法

1.面向对象的思路：

//大象
function Elephant() {

}

//冰箱
function Frige() {

}

Frige.prototype.openDoor = function () {

}

Frige.prototype.closeDoor = function () {

}

Frige.prototype.join = function(something){
    this.openDoor();
    //装东西
    this.closeDoor();
}

//1. 冰箱门打开
var frig = new Frige();
frig.openDoor();

//2. 大象装进去
var ele = new Elephant();
frig.join(ele);

//3. 冰箱门关上
frig.closeDoor();

var frig = new Frige();

frig.join(new Elephant());

2.面向过程的思路：

//1. 冰箱门打开
function openFrige(){

}
openFrige();

//2. 大象装进去
function elephantIn(){

}

elephantIn();

//3. 冰箱门关上
function closeFrige(){

}

closeFrige();