【博学谷学习记录】超强总结，用心分享前端|深入面向对象

目录

编程思想

面向过程编程

面向对象编程

面向过程编程与面向对象编程对比

构造函数

原型

constructor属性

---

编程思想

面向过程编程

面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就可以了

面向过程，就是按照我们分析好了的步骤，按照步骤解决问题

面向对象编程

面向对象是把事务分解成为一个个对象，然后由对象之间分工与合作

面向对象是以功能来划分问题，而不是步骤

在面向对象程序开发思想中，每一个对象都是功能中心，具有明确分工

面向对象编程具有灵活性、代码可复用、容易维护和开发的优点

面向对象的特征：封装性、继承性、多态性

面向过程编程与面向对象编程对比

面向过程编程

优点：性能比面向对象高，适合跟硬件联系很紧密的东西，例如单片机就采用的面向过程编程

缺点：没有面向对象易维护、易复用、易扩展

面向对象编程

优点：易维护、易复用、易扩展，由于面向对象有封装、继承、多态性的特征，可以设计出低耦合的系统，使系统更加灵活，更加易于维护

缺点：性能比面向过程低

构造函数

封装是面向对象思想中比较重要的一部分，js面向对象可以通过构造函数实现封装

同样的将变量和函数组合到了一起并能通过this实现数据的共享，所不同的是借助构造函数创建出来的实例对象之间是彼此不影响的

总结：

1. 构造函数体现了面向对象的封装特性
2. 构造函数实例创建的对象彼此独立，互不影响

原型

构造函数通过原型分配的函数是所有对象所共享的

JavaScript规定，每一个构造函数都有一个prototype属性，指向另一个对象，所以我们也称为原型对象

这个对象可以挂载函数，对象实例化不会多次创建原型上函数，节约内存

可以把不变的方法，直接定义在prototype对象上，这样所有的对象实例就可以共享这些方法

构造函数与原型对象中的this都指向实例化的对象

例：

function Star(uname, age) {

this.uname = uname

this.age = age

}

console.log(Star.prototype)  // 返回一个对象称为原型对象

Star.prototype.sing = function() {

console.lod(‘我会唱歌’)

}

const ldh = new Star(‘ldh’,18)

const zxy = new Star(‘zxy’,19)

console.log(ldh.sing === zxy.sing)  // 结果为true，说明两个函数一样，共享

constructor属性

每个原型对象中都有个constructor属性（constructor构造属性）

作用：该属性指向该原型对象的构造函数

使用场景：

如果有多个对象的方法，我们可以给原型对象采取对象形式赋值

但这样就会覆盖构造函数原型对象原来的内容，这样修改后的原型对象constructor就不再指向当前构造函数了

此时，我们可以在修改后的原型对象中，添加一个constructor指向原来的构造函数