JavaScript-面向对象深度编程/内置构造函数/原型

深入面向对象

一.编程思想

1.面向过程编程

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

2.面向对象编程

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

面向对象的特性:
封装性
继承性
多态性

3.编程思想对比

面向过程

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

缺点:不灵活、复用性较差

面向对象

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

缺点:性能比面向过程低

二.内置构造函数

封装是面向对象思想中比较重要的一部分,js面向对象可以通过构造函数实现的封装
把公共的属性和方法抽取封装到构造函数里面来实现数据的共享,这样创建的实例对象可以使用这些属性和方法了.

总结:

  1. 构造函数体现了面向对象的封装特性

2.构造函数实例创建的对象彼此独立、互不影响

在这里插入图片描述

三.原型

1.原型对象

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

可以解决:构造函数封装时函数(方法)会多次创建,占用内存的问题
原型对象可以挂载函数,对象实例化不会多次创建原型对象里面的函数,节约内存

在这里插入图片描述

2.原型对象- this指向

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

注意:

箭头函数不能做构造函数,因为箭头函数里面没有 this
原型对象里面的函数如果需要用到this,也不要用箭头函数

在这里插入图片描述

3.constructor 属性

每个原型对象里面都有个constructor 属性(constructor 构造函数)
作用:该属性指向该原型对象的构造函数

在这里插入图片描述

4.原型

对象都会有一个属性 proto 指向构造函数的 prototype 原型对象
之所以我们对象可以使用构造函数 prototype 原型对象的方法,就是因为对象有 proto 原型的存在

在这里插入图片描述

注意:
proto 原先是 JS非标准属性,但是 es6 规范中开始标准化, [[prototype]]和__proto__意义相同
尽量不要修改这个属性,对性能影响非常严重的
一般情况下: prototype 表示原型对象 而 proto 表示原型

5.原型链

__proto__属性链状结构称为原型链
作用:原型链为对象成员查找机制提供一个方向,或者说一条路线

在这里插入图片描述

查找规则:

(1)当访问一个对象成员(属性/方法)时,首先查找这个对象自身有没有该成员(属性/方法)
(2)如果没有就查找它的原型对象(也就是 __proto__指向的 prototype 原型对象)
(3)如果还没有就查找原型对象的原型对象(Object的原型对象)
(4)依此类推一直找到 Object 为止(null)
(5)原型链就在于为对象成员查找机制提供一个方向,或者说一条路线

在这里插入图片描述

6.原型链- instanceof 运算符

作用:
用来检测构造函数.prototype 是否存在于实例对象的原型链上

在这里插入图片描述

7.原型继承

1.创建父级构造函数

2.将所用公共的方法放在父级的原型对象上

3.将子级构造函数的原型对象 指向 父级构造函数 创建的 实例对象

在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值